﻿.loader-timer {
    position: relative;
    margin: 0;
    width: 24px;
    height: 24px;
    background-color: transparent;
    box-shadow: inset 0 0 0 2px #394264;
    border-radius: 50%
}

.loader-timer:after, .loader-timer:before {
    position: absolute;
    content: "";
    background-color: #394264
}

.loader-timer:after {
    width: 10px;
    height: 2px;
    top: 11px;
    left: 11px;
    -webkit-transform-origin: 1px 1px;
    transform-origin: 1px 1px;
    -webkit-animation: minhand 2s linear infinite;
    animation: minhand 2s linear infinite
}

.loader-timer:before {
    width: 8px;
    height: 2px;
    top: 11px;
    left: 11px;
    -webkit-transform-origin: 1px 1px;
    transform-origin: 1px 1px;
    -webkit-animation: hrhand 8s linear infinite;
    animation: hrhand 8s linear infinite
}

.loader-timer.loader-timer-primary {
    box-shadow: inset 0 0 0 2px #13A89E
}

.loader-timer.loader-timer-primary:after, .loader-timer.loader-timer-primary:before {
    background-color: #13A89E
}

.loader-timer.loader-timer-success {
    box-shadow: inset 0 0 0 2px #5BB75B
}

.loader-timer.loader-timer-success:after, .loader-timer.loader-timer-success:before {
    background-color: #5BB75B
}

.loader-timer.loader-timer-info {
    box-shadow: inset 0 0 0 2px #49AFCD
}

.loader-timer.loader-timer-info:after, .loader-timer.loader-timer-info:before {
    background-color: #49AFCD
}

.loader-timer.loader-timer-warning {
    box-shadow: inset 0 0 0 2px #FAA732
}

.loader-timer.loader-timer-warning:after, .loader-timer.loader-timer-warning:before {
    background-color: #FAA732
}

.loader-timer.loader-timer-danger {
    box-shadow: inset 0 0 0 2px #DA4F49
}

.loader-timer.loader-timer-danger:after, .loader-timer.loader-timer-danger:before {
    background-color: #DA4F49
}

@-webkit-keyframes minhand {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes minhand {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes hrhand {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes hrhand {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.loader-typing {
    position: relative;
    left: -12px;
    margin: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    -webkit-animation: typing 1s linear infinite alternate;
    animation: typing 1s linear infinite alternate
}

.loader-typing.loader-typing-primary {
    -webkit-animation: typing_primary 1s linear infinite alternate;
    animation: typing_primary 1s linear infinite alternate
}

.loader-typing.loader-typing-success {
    -webkit-animation: typing_success 1s linear infinite alternate;
    animation: typing_success 1s linear infinite alternate
}

.loader-typing.loader-typing-info {
    -webkit-animation: typing_info 1s linear infinite alternate;
    animation: typing_info 1s linear infinite alternate
}

.loader-typing.loader-typing-warning {
    -webkit-animation: typing_warning 1s linear infinite alternate;
    animation: typing_warning 1s linear infinite alternate
}

.loader-typing.loader-typing-danger {
    -webkit-animation: typing_danger 1s linear infinite alternate;
    animation: typing_danger 1s linear infinite alternate
}

@-webkit-keyframes typing {
    0% {
        background-color: rgba(35, 35, 50, 1);
        box-shadow: 12px 0 0 0 rgba(35, 35, 50, .2), 24px 0 0 0 rgba(35, 35, 50, .2)
    }

    25% {
        background-color: rgba(35, 35, 50, .4);
        box-shadow: 12px 0 0 0 rgba(35, 35, 50, .2), 24px 0 0 0 rgba(35, 35, 50, .2)
    }

    75% {
        background-color: rgba(35, 35, 50, .4);
        box-shadow: 12px 0 0 0 rgba(35, 35, 50, .2), 24px 0 0 0 rgba(35, 35, 50, 1)
    }
}

@keyframes typing {
    0% {
        background-color: rgba(35, 35, 50, 1);
        box-shadow: 12px 0 0 0 rgba(35, 35, 50, .2), 24px 0 0 0 rgba(35, 35, 50, .2)
    }

    25% {
        background-color: rgba(35, 35, 50, .4);
        box-shadow: 12px 0 0 0 rgba(35, 35, 50, .2), 24px 0 0 0 rgba(35, 35, 50, .2)
    }

    75% {
        background-color: rgba(35, 35, 50, .4);
        box-shadow: 12px 0 0 0 rgba(35, 35, 50, .2), 24px 0 0 0 rgba(35, 35, 50, 1)
    }
}

@-webkit-keyframes typing_primary {
    0% {
        background-color: rgba(19, 168, 158, 1);
        box-shadow: 12px 0 0 0 rgba(19, 168, 158, .2), 24px 0 0 0 rgba(19, 168, 158, .2)
    }

    25% {
        background-color: rgba(19, 168, 158, .4);
        box-shadow: 12px 0 0 0 rgba(19, 168, 158, .2), 24px 0 0 0 rgba(19, 168, 158, .2)
    }

    75% {
        background-color: rgba(19, 168, 158, .4);
        box-shadow: 12px 0 0 0 rgba(19, 168, 158, .2), 24px 0 0 0 rgba(19, 168, 158, 1)
    }
}

@keyframes typing_primary {
    0% {
        background-color: rgba(19, 168, 158, 1);
        box-shadow: 12px 0 0 0 rgba(19, 168, 158, .2), 24px 0 0 0 rgba(19, 168, 158, .2)
    }

    25% {
        background-color: rgba(19, 168, 158, .4);
        box-shadow: 12px 0 0 0 rgba(19, 168, 158, .2), 24px 0 0 0 rgba(19, 168, 158, .2)
    }

    75% {
        background-color: rgba(19, 168, 158, .4);
        box-shadow: 12px 0 0 0 rgba(19, 168, 158, .2), 24px 0 0 0 rgba(19, 168, 158, 1)
    }
}

@-webkit-keyframes typing_success {
    0% {
        background-color: rgba(91, 183, 91, 1);
        box-shadow: 12px 0 0 0 rgba(91, 183, 91, .2), 24px 0 0 0 rgba(91, 183, 91, .2)
    }

    25% {
        background-color: rgba(91, 183, 91, .4);
        box-shadow: 12px 0 0 0 rgba(91, 183, 91, .2), 24px 0 0 0 rgba(91, 183, 91, .2)
    }

    75% {
        background-color: rgba(91, 183, 91, .4);
        box-shadow: 12px 0 0 0 rgba(91, 183, 91, .2), 24px 0 0 0 rgba(91, 183, 91, 1)
    }
}

@keyframes typing_success {
    0% {
        background-color: rgba(91, 183, 91, 1);
        box-shadow: 12px 0 0 0 rgba(91, 183, 91, .2), 24px 0 0 0 rgba(91, 183, 91, .2)
    }

    25% {
        background-color: rgba(91, 183, 91, .4);
        box-shadow: 12px 0 0 0 rgba(91, 183, 91, .2), 24px 0 0 0 rgba(91, 183, 91, .2)
    }

    75% {
        background-color: rgba(91, 183, 91, .4);
        box-shadow: 12px 0 0 0 rgba(91, 183, 91, .2), 24px 0 0 0 rgba(91, 183, 91, 1)
    }
}

@-webkit-keyframes typing_info {
    0% {
        background-color: rgba(73, 175, 205, 1);
        box-shadow: 12px 0 0 0 rgba(73, 175, 205, .2), 24px 0 0 0 rgba(73, 175, 205, .2)
    }

    25% {
        background-color: rgba(73, 175, 205, .4);
        box-shadow: 12px 0 0 0 rgba(73, 175, 205, .2), 24px 0 0 0 rgba(73, 175, 205, .2)
    }

    75% {
        background-color: rgba(73, 175, 205, .4);
        box-shadow: 12px 0 0 0 rgba(73, 175, 205, .2), 24px 0 0 0 rgba(73, 175, 205, 1)
    }
}

@keyframes typing_info {
    0% {
        background-color: rgba(73, 175, 205, 1);
        box-shadow: 12px 0 0 0 rgba(73, 175, 205, .2), 24px 0 0 0 rgba(73, 175, 205, .2)
    }

    25% {
        background-color: rgba(73, 175, 205, .4);
        box-shadow: 12px 0 0 0 rgba(73, 175, 205, .2), 24px 0 0 0 rgba(73, 175, 205, .2)
    }

    75% {
        background-color: rgba(73, 175, 205, .4);
        box-shadow: 12px 0 0 0 rgba(73, 175, 205, .2), 24px 0 0 0 rgba(73, 175, 205, 1)
    }
}

@-webkit-keyframes typing_warning {
    0% {
        background-color: rgba(250, 167, 50, 1);
        box-shadow: 12px 0 0 0 rgba(250, 167, 50, .2), 24px 0 0 0 rgba(250, 167, 50, .2)
    }

    25% {
        background-color: rgba(250, 167, 50, .4);
        box-shadow: 12px 0 0 0 rgba(250, 167, 50, .2), 24px 0 0 0 rgba(250, 167, 50, .2)
    }

    75% {
        background-color: rgba(250, 167, 50, .4);
        box-shadow: 12px 0 0 0 rgba(250, 167, 50, .2), 24px 0 0 0 rgba(250, 167, 50, 1)
    }
}

@keyframes typing_warning {
    0% {
        background-color: rgba(250, 167, 50, 1);
        box-shadow: 12px 0 0 0 rgba(250, 167, 50, .2), 24px 0 0 0 rgba(250, 167, 50, .2)
    }

    25% {
        background-color: rgba(250, 167, 50, .4);
        box-shadow: 12px 0 0 0 rgba(250, 167, 50, .2), 24px 0 0 0 rgba(250, 167, 50, .2)
    }

    75% {
        background-color: rgba(250, 167, 50, .4);
        box-shadow: 12px 0 0 0 rgba(250, 167, 50, .2), 24px 0 0 0 rgba(250, 167, 50, 1)
    }
}

@-webkit-keyframes typing_danger {
    0% {
        background-color: rgba(218, 79, 73, 1);
        box-shadow: 12px 0 0 0 rgba(218, 79, 73, .2), 24px 0 0 0 rgba(218, 79, 73, .2)
    }

    25% {
        background-color: rgba(218, 79, 73, .4);
        box-shadow: 12px 0 0 0 rgba(218, 79, 73, .2), 24px 0 0 0 rgba(218, 79, 73, .2)
    }

    75% {
        background-color: rgba(218, 79, 73, .4);
        box-shadow: 12px 0 0 0 rgba(218, 79, 73, .2), 24px 0 0 0 rgba(218, 79, 73, 1)
    }
}

@keyframes typing_danger {
    0% {
        background-color: rgba(218, 79, 73, 1);
        box-shadow: 12px 0 0 0 rgba(218, 79, 73, .2), 24px 0 0 0 rgba(218, 79, 73, .2)
    }

    25% {
        background-color: rgba(218, 79, 73, .4);
        box-shadow: 12px 0 0 0 rgba(218, 79, 73, .2), 24px 0 0 0 rgba(218, 79, 73, .2)
    }

    75% {
        background-color: rgba(218, 79, 73, .4);
        box-shadow: 12px 0 0 0 rgba(218, 79, 73, .2), 24px 0 0 0 rgba(218, 79, 73, 1)
    }
}

.loader-location-indicator {
    margin: 0;
    position: relative;
    left: -9px
}

.loader-location-indicator:before, .loader-location-indicator:after {
    position: absolute;
    content: ""
}

.loader-location-indicator:before {
    width: 20px;
    height: 20px;
    border-radius: 100% 100% 100% 0;
    box-shadow: 0 0 0 2px rgba(35, 35, 50, 1);
    -webkit-animation: mapping 1s linear infinite;
    animation: mapping 1s linear infinite;
    -webkit-transform: rotate(-46deg);
    transform: rotate(-46deg);
    z-index: 2
}

.loader-location-indicator:after {
    width: 30px;
    height: 10px;
    border-radius: 100%;
    left: 44px;
    background-color: rgba(35, 35, 50, .2);
    top: 24px;
    z-index: 1
}

.loader-location-indicator.loader-location-indicator-primary:before {
    box-shadow: 0 0 0 2px rgba(19, 168, 158, 1)
}

.loader-location-indicator.loader-location-indicator-primary:after {
    background-color: rgba(19, 168, 158, .2)
}

.loader-location-indicator.loader-location-indicator-success:before {
    box-shadow: 0 0 0 2px rgba(91, 183, 91, 1)
}

.loader-location-indicator.loader-location-indicator-success:after {
    background-color: rgba(91, 183, 91, .2)
}

.loader-location-indicator.loader-location-indicator-info:before {
    box-shadow: 0 0 0 2px rgba(73, 175, 205, 1)
}

.loader-location-indicator.loader-location-indicator-info:after {
    background-color: rgba(73, 175, 205, .2)
}

.loader-location-indicator.loader-location-indicator-warning:before {
    box-shadow: 0 0 0 2px rgba(250, 167, 50, 1)
}

.loader-location-indicator.loader-location-indicator-warning:after {
    background-color: rgba(250, 167, 50, .2)
}

.loader-location-indicator.loader-location-indicator-danger:before {
    box-shadow: 0 0 0 2px rgba(218, 79, 73, 1)
}

.loader-location-indicator.loader-location-indicator-danger:after {
    background-color: rgba(218, 79, 73, .2)
}

@-webkit-keyframes mapping {
    0% {
        top: 0
    }

    50% {
        top: -5px
    }

    100% {
        top: 0
    }
}

@-webkit-keyframes mapping {
    0% {
        top: 0
    }

    50% {
        top: -5px
    }

    100% {
        top: 0
    }
}

.loader-dashboard {
    width: 32px;
    height: 32px;
    margin: 0;
    border: 2px rgba(35, 35, 50, 1) solid;
    border-radius: 100%;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.loader-dashboard:after, .loader-dashboard:before {
    position: absolute;
    content: ""
}

.loader-dashboard:after {
    width: 13px;
    height: 2px;
    top: 20px;
    left: 13px;
    -webkit-transform-origin: 1px 1px;
    transform-origin: 1px 1px;
    background-color: rgba(35, 35, 50, 1);
    -webkit-animation: dashboard_hand 2s linear infinite alternate;
    animation: dashboard_hand 2s linear infinite alternate
}

.loader-dashboard:before {
    width: 32px;
    height: 10px;
    background-color: rgba(35, 35, 50, 1);
    top: 20px;
    left: -2px
}

.loader-dashboard.loader-dashboard-primary {
    border: 2px rgba(19, 168, 158, 1) solid
}

.loader-dashboard.loader-dashboard-primary:after {
    background-color: rgba(19, 168, 158, 1)
}

.loader-dashboard.loader-dashboard-primary:before {
    background-color: rgba(19, 168, 158, 1)
}

.loader-dashboard.loader-dashboard-success {
    border: 2px rgba(91, 183, 91, 1) solid
}

.loader-dashboard.loader-dashboard-success:after {
    background-color: rgba(91, 183, 91, 1)
}

.loader-dashboard.loader-dashboard-success:before {
    background-color: rgba(91, 183, 91, 1)
}

.loader-dashboard.loader-dashboard-info {
    border: 2px rgba(73, 175, 205, 1) solid
}

.loader-dashboard.loader-dashboard-info:after {
    background-color: rgba(73, 175, 205, 1)
}

.loader-dashboard.loader-dashboard-info:before {
    background-color: rgba(73, 175, 205, 1)
}

.loader-dashboard.loader-dashboard-warning {
    border: 2px rgba(250, 167, 50, 1) solid
}

.loader-dashboard.loader-dashboard-warning:after {
    background-color: rgba(250, 167, 50, 1)
}

.loader-dashboard.loader-dashboard-warning:before {
    background-color: rgba(250, 167, 50, 1)
}

.loader-dashboard.loader-dashboard-danger {
    border: 2px rgba(218, 79, 73, 1) solid
}

.loader-dashboard.loader-dashboard-danger:after {
    background-color: rgba(218, 79, 73, 1)
}

.loader-dashboard.loader-dashboard-danger:before {
    background-color: rgba(218, 79, 73, 1)
}

@-webkit-keyframes dashboard_hand {
    0% {
        -webkit-transform: rotate(-160deg)
    }

    100% {
        -webkit-transform: rotate(-20deg)
    }
}

@keyframes dashboard_hand {
    0% {
        -webkit-transform: rotate(-160deg);
        transform: rotate(-160deg)
    }

    100% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg)
    }
}

.loader-battery {
    position: relative;
    margin: 0;
    width: 28px;
    height: 14px;
    border: 1px #232332 solid;
    border-radius: 2px;
    -webkit-animation: charge 5s linear infinite;
    animation: charge 5s linear infinite
}

.loader-battery:after {
    width: 2px;
    height: 7px;
    background-color: #232332;
    border-radius: 0 1px 1px 0;
    position: absolute;
    content: "";
    top: 2px;
    right: -4px
}

.loader-battery.loader-battery-primary {
    border: 1px #13a89e solid;
    -webkit-animation: charge_primary 5s linear infinite;
    animation: charge_primary 5s linear infinite
}

.loader-battery.loader-battery-primary:after {
    background-color: #13a89e
}

.loader-battery.loader-battery-success {
    border: 1px #5bb75b solid;
    -webkit-animation: charge_success 5s linear infinite;
    animation: charge_success 5s linear infinite
}

.loader-battery.loader-battery-success:after {
    background-color: #5bb75b
}

.loader-battery.loader-battery-info {
    border: 1px #49afcd solid;
    -webkit-animation: charge_info 5s linear infinite;
    animation: charge_info 5s linear infinite
}

.loader-battery.loader-battery-info:after {
    background-color: #49afcd
}

.loader-battery.loader-battery-warning {
    border: 1px #faa732 solid;
    -webkit-animation: charge_warning 5s linear infinite;
    animation: charge_warning 5s linear infinite
}

.loader-battery.loader-battery-warning:after {
    background-color: #faa732
}

.loader-battery.loader-battery-danger {
    border: 1px #da4f49 solid;
    -webkit-animation: charge_danger 5s linear infinite;
    animation: charge_danger 5s linear infinite
}

.loader-battery.loader-battery-danger:after {
    background-color: #da4f49
}

@-webkit-keyframes charge {
    0% {
        box-shadow: inset 0 0 0 #232332
    }

    100% {
        box-shadow: inset 30px 0 0 #232332
    }
}

@keyframes charge {
    0% {
        box-shadow: inset 0 0 0 #232332
    }

    100% {
        box-shadow: inset 30px 0 0 #232332
    }
}

@-webkit-keyframes charge_primary {
    0% {
        box-shadow: inset 0 0 0 #13a89e
    }

    100% {
        box-shadow: inset 30px 0 0 #13a89e
    }
}

@keyframes charge_primary {
    0% {
        box-shadow: inset 0 0 0 #13a89e
    }

    100% {
        box-shadow: inset 30px 0 0 #13a89e
    }
}

@-webkit-keyframes charge_success {
    0% {
        box-shadow: inset 0 0 0 #5bb75b
    }

    100% {
        box-shadow: inset 30px 0 0 #5bb75b
    }
}

@keyframes charge_success {
    0% {
        box-shadow: inset 0 0 0 #5bb75b
    }

    100% {
        box-shadow: inset 30px 0 0 #5bb75b
    }
}

@-webkit-keyframes charge_info {
    0% {
        box-shadow: inset 0 0 0 #49afcd
    }

    100% {
        box-shadow: inset 30px 0 0 #49afcd
    }
}

@keyframes charge_info {
    0% {
        box-shadow: inset 0 0 0 #49afcd
    }

    100% {
        box-shadow: inset 30px 0 0 #49afcd
    }
}

@-webkit-keyframes charge_warning {
    0% {
        box-shadow: inset 0 0 0 #faa732
    }

    100% {
        box-shadow: inset 30px 0 0 #faa732
    }
}

@keyframes charge_warning {
    0% {
        box-shadow: inset 0 0 0 #faa732
    }

    100% {
        box-shadow: inset 30px 0 0 #faa732
    }
}

@-webkit-keyframes charge_danger {
    0% {
        box-shadow: inset 0 0 0 #da4f49
    }

    100% {
        box-shadow: inset 30px 0 0 #da4f49
    }
}

@keyframes charge_danger {
    0% {
        box-shadow: inset 0 0 0 #da4f49
    }

    100% {
        box-shadow: inset 30px 0 0 #da4f49
    }
}

.loader-magnifier {
    position: relative;
    margin: 0;
    width: 20px;
    height: 20px;
    box-shadow: 0 0 0 1px #232332;
    border-radius: 50%;
    -webkit-animation: magnify 1s linear infinite alternate;
    animation: magnify 1s linear infinite alternate
}

.loader-magnifier:after, .loader-magnifier:before {
    position: absolute;
    content: ""
}

.loader-magnifier:before {
    content: "me";
    font-size: 12px;
    left: 2px;
    text-align: center;
    top: 2px
}

.loader-magnifier:after {
    width: 2px;
    height: 8px;
    background-color: #232332;
    bottom: -6px;
    left: 20px;
    border-radius: 2px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.loader-magnifier.loader-magnifier-primary {
    box-shadow: 0 0 0 1px #13a89e
}

.loader-magnifier.loader-magnifier-primary:after {
    background-color: #13a89e
}

.loader-magnifier.loader-magnifier-success {
    box-shadow: 0 0 0 1px #5bb75b
}

.loader-magnifier.loader-magnifier-success:after {
    background-color: #5bb75b
}

.loader-magnifier.loader-magnifier-info {
    box-shadow: 0 0 0 1px #49afcd
}

.loader-magnifier.loader-magnifier-info:after {
    background-color: #49afcd
}

.loader-magnifier.loader-magnifier-warning {
    box-shadow: 0 0 0 1px #faa732
}

.loader-magnifier.loader-magnifier-warning:after {
    background-color: #faa732
}

.loader-magnifier.loader-magnifier-danger {
    box-shadow: 0 0 0 1px #da4f49
}

.loader-magnifier.loader-magnifier-danger:after {
    background-color: #da4f49
}

@-webkit-keyframes magnify {
    0% {
        -webkit-transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.5)
    }
}

@keyframes magnify {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

.loader-help {
    position: relative;
    margin: 0;
    width: 30px;
    height: 30px;
    border: 1px #232332 solid;
    border-radius: 50%;
    -webkit-animation: rotation 1s ease-in-out infinite;
    animation: rotation 1s ease-in-out infinite
}

.loader-help:after {
    width: 5px;
    height: 5px;
    background-color: #232332;
    border-radius: 100%;
    position: absolute;
    content: ""
}

.loader-help.loader-help-primary {
    border-color: #13a89e
}

.loader-help.loader-help-primary:after {
    background-color: #13a89e
}

.loader-help.loader-help-success {
    border-color: #5bb75b
}

.loader-help.loader-help-success:after {
    background-color: #5bb75b
}

.loader-help.loader-help-info {
    border-color: #49afcd
}

.loader-help.loader-help-info:after {
    background-color: #49afcd
}

.loader-help.loader-help-warning {
    border-color: #faa732
}

.loader-help.loader-help-warning:after {
    background-color: #faa732
}

.loader-help.loader-help-danger {
    border-color: #da4f49
}

.loader-help.loader-help-danger:after {
    background-color: #da4f49
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.loader-eye {
    position: relative;
    margin: 0;
    width: 20px;
    height: 20px;
    background-color: #ecf0f1;
    border-radius: 50%;
    box-shadow: 30px 0 0 0 #ecf0f1
}

.loader-eye:after {
    background-color: #232332;
    width: 10px;
    height: 10px;
    box-shadow: 30px 0 0 0 #232332;
    border-radius: 50%;
    left: 9px;
    top: 8px;
    position: absolute;
    content: "";
    -webkit-animation: eyeball 2s linear infinite alternate;
    animation: eyeball 2s linear infinite alternate
}

.loader-eye.loader-eye-primary:after {
    background-color: #13a89e;
    box-shadow: 30px 0 0 0 #13a89e
}

.loader-eye.loader-eye-success:after {
    background-color: #5bb75b;
    box-shadow: 30px 0 0 0 #5bb75b
}

.loader-eye.loader-eye-info:after {
    background-color: #49afcd;
    box-shadow: 30px 0 0 0 #49afcd
}

.loader-eye.loader-eye-warning:after {
    background-color: #faa732;
    box-shadow: 30px 0 0 0 #faa732
}

.loader-eye.loader-eye-danger:after {
    background-color: #da4f49;
    box-shadow: 30px 0 0 0 #da4f49
}

@-webkit-keyframes eyeball {
    0% {
        left: 9px
    }

    100% {
        left: 1px
    }
}

@keyframes eyeball {
    0% {
        left: 9px
    }

    100% {
        left: 1px
    }
}

.loader-coffee-cup {
    width: 20px;
    height: 24px;
    border: 1px #232332 solid;
    border-radius: 0 0 5px 5px;
    position: relative;
    margin: 0
}

.loader-coffee-cup:after, .loader-coffee-cup:before {
    position: absolute;
    content: ""
}

.loader-coffee-cup:after {
    width: 5px;
    height: 12px;
    border: 1px #232332 solid;
    border-left: 0;
    border-radius: 0 20px 20px 0;
    left: 20px
}

.loader-coffee-cup:before {
    width: 1px;
    height: 6px;
    background-color: #232332;
    top: -10px;
    left: 4px;
    box-shadow: 5px 0 0 0 #232332, 5px -5px 0 0 #232332, 10px 0 0 0 #232332;
    -webkit-animation: steam 1s linear infinite alternate;
    animation: steam 1s linear infinite alternate
}

.loader-coffee-cup.loader-coffee-cup-primary {
    border-color: #13a89e
}

.loader-coffee-cup.loader-coffee-cup-primary:after {
    border-color: #13a89e
}

.loader-coffee-cup.loader-coffee-cup-primary:before {
    background-color: #13a89e;
    box-shadow: 5px 0 0 0 #13a89e, 5px -5px 0 0 #13a89e, 10px 0 0 0 #13a89e
}

.loader-coffee-cup.loader-coffee-cup-success {
    border-color: #5bb75b
}

.loader-coffee-cup.loader-coffee-cup-success:after {
    border-color: #5bb75b
}

.loader-coffee-cup.loader-coffee-cup-success:before {
    background-color: #5bb75b;
    box-shadow: 5px 0 0 0 #5bb75b, 5px -5px 0 0 #5bb75b, 10px 0 0 0 #5bb75b
}

.loader-coffee-cup.loader-coffee-cup-info {
    border-color: #49afcd
}

.loader-coffee-cup.loader-coffee-cup-info:after {
    border-color: #49afcd
}

.loader-coffee-cup.loader-coffee-cup-info:before {
    background-color: #49afcd;
    box-shadow: 5px 0 0 0 #49afcd, 5px -5px 0 0 #49afcd, 10px 0 0 0 #49afcd
}

.loader-coffee-cup.loader-coffee-cup-warning {
    border-color: #faa732
}

.loader-coffee-cup.loader-coffee-cup-warning:after {
    border-color: #faa732
}

.loader-coffee-cup.loader-coffee-cup-warning:before {
    background-color: #faa732;
    box-shadow: 5px 0 0 0 #faa732, 5px -5px 0 0 #faa732, 10px 0 0 0 #faa732
}

.loader-coffee-cup.loader-coffee-cup-danger {
    border-color: #da4f49
}

.loader-coffee-cup.loader-coffee-cup-danger:after {
    border-color: #da4f49
}

.loader-coffee-cup.loader-coffee-cup-danger:before {
    background-color: #da4f49;
    box-shadow: 5px 0 0 0 #da4f49, 5px -5px 0 0 #da4f49, 10px 0 0 0 #da4f49
}

@-webkit-keyframes steam {
    0% {
        height: 0
    }

    100% {
        height: 6px
    }
}

@keyframes steam {
    0% {
        height: 0
    }

    100% {
        height: 6px
    }
}

.loader-square {
    position: relative;
    margin: 0;
    width: 20px;
    height: 20px;
    border: 1px #232332 solid;
    -webkit-animation: fill_color 5s linear infinite;
    animation: fill_color 5s linear infinite
}

.loader-square:after {
    width: 4px;
    height: 4px;
    position: absolute;
    content: "";
    background-color: #232332;
    top: -8px;
    left: 0;
    -webkit-animation: square_check 1s ease-in-out infinite;
    animation: square_check 1s ease-in-out infinite
}

.loader-square.loader-square-primary {
    border-color: #13a89e;
    -webkit-animation: fill_color_primary 5s linear infinite;
    animation: fill_color_primary 5s linear infinite
}

.loader-square.loader-square-primary:after {
    background-color: #13a89e
}

.loader-square.loader-square-success {
    border-color: #5bb75b;
    -webkit-animation: fill_color_success 5s linear infinite;
    animation: fill_color_success 5s linear infinite
}

.loader-square.loader-square-success:after {
    background-color: #5bb75b
}

.loader-square.loader-square-info {
    border-color: #49afcd;
    -webkit-animation: fill_color_info 5s linear infinite;
    animation: fill_color_info 5s linear infinite
}

.loader-square.loader-square-info:after {
    background-color: #49afcd
}

.loader-square.loader-square-warning {
    border-color: #faa732;
    -webkit-animation: fill_color_warning 5s linear infinite;
    animation: fill_color_warning 5s linear infinite
}

.loader-square.loader-square-warning:after {
    background-color: #faa732
}

.loader-square.loader-square-danger {
    border-color: #da4f49;
    -webkit-animation: fill_color_danger 5s linear infinite;
    animation: fill_color_danger 5s linear infinite
}

.loader-square.loader-square-danger:after {
    background-color: #da4f49
}

@-webkit-keyframes square_check {
    25% {
        left: 22px;
        top: -8px
    }

    50% {
        left: 22px;
        top: 22px
    }

    75% {
        left: -9px;
        top: 22px
    }

    100% {
        left: -9px;
        top: -7px
    }
}

@keyframes square_check {
    25% {
        left: 22px;
        top: -8px
    }

    50% {
        left: 22px;
        top: 22px
    }

    75% {
        left: -9px;
        top: 22px
    }

    100% {
        left: -9px;
        top: -7px
    }
}

@-webkit-keyframes fill_color {
    0% {
        box-shadow: inset 0 0 0 0 rgba(35, 35, 50, .1)
    }

    100% {
        box-shadow: inset 0 -20px 0 0 rgba(35, 35, 50, 1)
    }
}

@keyframes fill_color {
    0% {
        box-shadow: inset 0 0 0 0 rgba(35, 35, 50, .1)
    }

    100% {
        box-shadow: inset 0 -20px 0 0 rgba(35, 35, 50, 1)
    }
}

@-webkit-keyframes fill_color_primary {
    0% {
        box-shadow: inset 0 0 0 0 rgba(19, 168, 158, .1)
    }

    100% {
        box-shadow: inset 0 -20px 0 0 rgba(19, 168, 158, 1)
    }
}

@keyframes fill_color_primary {
    0% {
        box-shadow: inset 0 0 0 0 rgba(19, 168, 158, .1)
    }

    100% {
        box-shadow: inset 0 -20px 0 0 rgba(19, 168, 158, 1)
    }
}

@-webkit-keyframes fill_color_success {
    0% {
        box-shadow: inset 0 0 0 0 rgba(91, 183, 91, .1)
    }

    100% {
        box-shadow: inset 0 -20px 0 0 rgba(91, 183, 91, 1)
    }
}

@keyframes fill_color_success {
    0% {
        box-shadow: inset 0 0 0 0 rgba(91, 183, 91, .1)
    }

    100% {
        box-shadow: inset 0 -20px 0 0 rgba(91, 183, 91, 1)
    }
}

@-webkit-keyframes fill_color_info {
    0% {
        box-shadow: inset 0 0 0 0 rgba(73, 175, 205, .1)
    }

    100% {
        box-shadow: inset 0 -20px 0 0 rgba(73, 175, 205, 1)
    }
}

@keyframes fill_color_info {
    0% {
        box-shadow: inset 0 0 0 0 rgba(73, 175, 205, .1)
    }

    100% {
        box-shadow: inset 0 -20px 0 0 rgba(73, 175, 205, 1)
    }
}

@-webkit-keyframes fill_color_warning {
    0% {
        box-shadow: inset 0 0 0 0 rgba(250, 167, 50, .1)
    }

    100% {
        box-shadow: inset 0 -20px 0 0 rgba(250, 167, 50, 1)
    }
}

@keyframes fill_color_warning {
    0% {
        box-shadow: inset 0 0 0 0 rgba(250, 167, 50, .1)
    }

    100% {
        box-shadow: inset 0 -20px 0 0 rgba(250, 167, 50, 1)
    }
}

@-webkit-keyframes fill_color_danger {
    0% {
        box-shadow: inset 0 0 0 0 rgba(218, 79, 73, .1)
    }

    100% {
        box-shadow: inset 0 -20px 0 0 rgba(218, 79, 73, 1)
    }
}

@keyframes fill_color_danger {
    0% {
        box-shadow: inset 0 0 0 0 rgba(218, 79, 73, .1)
    }

    100% {
        box-shadow: inset 0 -20px 0 0 rgba(218, 79, 73, 1)
    }
}

.loader-circle {
    position: relative;
    margin: 0;
    width: 8px;
    height: 8px;
    background-color: rgba(35, 35, 50, .5);
    box-shadow: -14px 0 0 rgba(35, 35, 50, 1);
    border-radius: 50%;
    -webkit-animation: circle_classic 1s ease-in-out infinite alternate;
    animation: circle_classic 1s ease-in-out infinite alternate
}

.loader-circle.loader-circle-primary {
    background-color: rgba(19, 168, 158, .5);
    box-shadow: -14px 0 0 rgba(19, 168, 158, 1)
}

.loader-circle.loader-circle-success {
    background-color: rgba(91, 183, 91, .5);
    box-shadow: -14px 0 0 rgba(91, 183, 91, 1)
}

.loader-circle.loader-circle-info {
    background-color: rgba(73, 175, 205, .5);
    box-shadow: -14px 0 0 rgba(73, 175, 205, 1)
}

.loader-circle.loader-circle-warning {
    background-color: rgba(250, 167, 50, .5);
    box-shadow: -14px 0 0 rgba(250, 167, 50, 1)
}

.loader-circle.loader-circle-danger {
    background-color: rgba(218, 79, 73, .5);
    box-shadow: -14px 0 0 rgba(218, 79, 73, 1)
}

@-webkit-keyframes circle_classic {
    0% {
        opacity: .1;
        -webkit-transform: rotate(0deg) scale(0.5)
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(360deg) scale(1.2)
    }
}

@keyframes circle_classic {
    0% {
        opacity: .1;
        -webkit-transform: rotate(0deg) scale(0.5);
        transform: rotate(0deg) scale(0.5)
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(360deg) scale(1.2);
        transform: rotate(360deg) scale(1.2)
    }
}

.loader-cloud {
    position: relative;
    margin: 0;
    width: 4px;
    height: 10px;
    opacity: .5;
    box-shadow: 6px 0 0 0 rgba(35, 35, 50, 1), 12px 0 0 0 rgba(35, 35, 50, 1), 18px 0 0 0 rgba(35, 35, 50, 1), 24px 0 0 0 rgba(35, 35, 50, 1), 30px 0 0 0 rgba(35, 35, 50, 1), 36px 0 0 0 rgba(35, 35, 50, 1);
    -webkit-animation: rain 1s linear infinite alternate;
    animation: rain 1s linear infinite alternate
}

.loader-cloud:after {
    width: 40px;
    height: 10px;
    position: absolute;
    content: "";
    background-color: rgba(35, 35, 50, 1);
    top: 0;
    opacity: 1;
    -webkit-animation: line_flow 2s linear infinite reverse;
    animation: line_flow 2s linear infinite reverse
}

.loader-cloud.loader-cloud-primary {
    box-shadow: 6px 0 0 0 rgba(19, 168, 158, 1), 12px 0 0 0 rgba(19, 168, 158, 1), 18px 0 0 0 rgba(19, 168, 158, 1), 24px 0 0 0 rgba(19, 168, 158, 1), 30px 0 0 0 rgba(19, 168, 158, 1), 36px 0 0 0 rgba(19, 168, 158, 1);
    -webkit-animation: rain_primary 1s linear infinite alternate;
    animation: rain_primary 1s linear infinite alternate
}

.loader-cloud.loader-cloud-primary:after {
    background-color: rgba(19, 168, 158, 1)
}

.loader-cloud.loader-cloud-success {
    box-shadow: 6px 0 0 0 rgba(91, 183, 91, 1), 12px 0 0 0 rgba(91, 183, 91, 1), 18px 0 0 0 rgba(91, 183, 91, 1), 24px 0 0 0 rgba(91, 183, 91, 1), 30px 0 0 0 rgba(91, 183, 91, 1), 36px 0 0 0 rgba(91, 183, 91, 1);
    -webkit-animation: rain_success 1s linear infinite alternate;
    animation: rain_success 1s linear infinite alternate
}

.loader-cloud.loader-cloud-success:after {
    background-color: rgba(91, 183, 91, 1)
}

.loader-cloud.loader-cloud-info {
    box-shadow: 6px 0 0 0 rgba(73, 175, 205, 1), 12px 0 0 0 rgba(73, 175, 205, 1), 18px 0 0 0 rgba(73, 175, 205, 1), 24px 0 0 0 rgba(73, 175, 205, 1), 30px 0 0 0 rgba(73, 175, 205, 1), 36px 0 0 0 rgba(73, 175, 205, 1);
    -webkit-animation: rain_info 1s linear infinite alternate;
    animation: rain_info 1s linear infinite alternate
}

.loader-cloud.loader-cloud-info:after {
    background-color: rgba(73, 175, 205, 1)
}

.loader-cloud.loader-cloud-warning {
    box-shadow: 6px 0 0 0 rgba(250, 167, 50, 1), 12px 0 0 0 rgba(250, 167, 50, 1), 18px 0 0 0 rgba(250, 167, 50, 1), 24px 0 0 0 rgba(250, 167, 50, 1), 30px 0 0 0 rgba(250, 167, 50, 1), 36px 0 0 0 rgba(250, 167, 50, 1);
    -webkit-animation: rain_warning 1s linear infinite alternate;
    animation: rain_warning 1s linear infinite alternate
}

.loader-cloud.loader-cloud-warning:after {
    background-color: rgba(250, 167, 50, 1)
}

.loader-cloud.loader-cloud-danger {
    box-shadow: 6px 0 0 0 rgba(218, 79, 73, 1), 12px 0 0 0 rgba(218, 79, 73, 1), 18px 0 0 0 rgba(218, 79, 73, 1), 24px 0 0 0 rgba(218, 79, 73, 1), 30px 0 0 0 rgba(218, 79, 73, 1), 36px 0 0 0 rgba(218, 79, 73, 1);
    -webkit-animation: rain_danger 1s linear infinite alternate;
    animation: rain_danger 1s linear infinite alternate
}

.loader-cloud.loader-cloud-danger:after {
    background-color: rgba(218, 79, 73, 1)
}

@-webkit-keyframes rain {
    0% {
        box-shadow: 6px 0 0 0 rgba(35, 35, 50, 1), 12px 0 0 0 rgba(35, 35, 50, .9), 18px 0 0 0 rgba(35, 35, 50, .7), 24px 0 0 0 rgba(35, 35, 50, .6), 30px 0 0 0 rgba(35, 35, 50, .3), 36px 0 0 0 rgba(35, 35, 50, .2)
    }

    100% {
        box-shadow: 6px 0 0 0 rgba(35, 35, 50, .2), 12px 0 0 0 rgba(35, 35, 50, .3), 18px 0 0 0 rgba(35, 35, 50, .6), 24px 0 0 0 rgba(35, 35, 50, .7), 30px 0 0 0 rgba(35, 35, 50, .9), 36px 0 0 0 rgba(35, 35, 50, 1);
        opacity: 1
    }
}

@keyframes rain {
    0% {
        box-shadow: 6px 0 0 0 rgba(35, 35, 50, 1), 12px 0 0 0 rgba(35, 35, 50, .9), 18px 0 0 0 rgba(35, 35, 50, .7), 24px 0 0 0 rgba(35, 35, 50, .6), 30px 0 0 0 rgba(35, 35, 50, .3), 36px 0 0 0 rgba(35, 35, 50, .2)
    }

    100% {
        box-shadow: 6px 0 0 0 rgba(35, 35, 50, .2), 12px 0 0 0 rgba(35, 35, 50, .3), 18px 0 0 0 rgba(35, 35, 50, .6), 24px 0 0 0 rgba(35, 35, 50, .7), 30px 0 0 0 rgba(35, 35, 50, .9), 36px 0 0 0 rgba(35, 35, 50, 1);
        opacity: 1
    }
}

@-webkit-keyframes rain_primary {
    0% {
        box-shadow: 6px 0 0 0 rgba(19, 168, 158, 1), 12px 0 0 0 rgba(19, 168, 158, .9), 18px 0 0 0 rgba(19, 168, 158, .7), 24px 0 0 0 rgba(19, 168, 158, .6), 30px 0 0 0 rgba(19, 168, 158, .3), 36px 0 0 0 rgba(19, 168, 158, .2)
    }

    100% {
        box-shadow: 6px 0 0 0 rgba(19, 168, 158, .2), 12px 0 0 0 rgba(19, 168, 158, .3), 18px 0 0 0 rgba(19, 168, 158, .6), 24px 0 0 0 rgba(19, 168, 158, .7), 30px 0 0 0 rgba(19, 168, 158, .9), 36px 0 0 0 rgba(19, 168, 158, 1);
        opacity: 1
    }
}

@keyframes rain_primary {
    0% {
        box-shadow: 6px 0 0 0 rgba(19, 168, 158, 1), 12px 0 0 0 rgba(19, 168, 158, .9), 18px 0 0 0 rgba(19, 168, 158, .7), 24px 0 0 0 rgba(19, 168, 158, .6), 30px 0 0 0 rgba(19, 168, 158, .3), 36px 0 0 0 rgba(19, 168, 158, .2)
    }

    100% {
        box-shadow: 6px 0 0 0 rgba(19, 168, 158, .2), 12px 0 0 0 rgba(19, 168, 158, .3), 18px 0 0 0 rgba(19, 168, 158, .6), 24px 0 0 0 rgba(19, 168, 158, .7), 30px 0 0 0 rgba(19, 168, 158, .9), 36px 0 0 0 rgba(19, 168, 158, 1);
        opacity: 1
    }
}

@-webkit-keyframes rain_success {
    0% {
        box-shadow: 6px 0 0 0 rgba(91, 183, 91, 1), 12px 0 0 0 rgba(91, 183, 91, .9), 18px 0 0 0 rgba(91, 183, 91, .7), 24px 0 0 0 rgba(91, 183, 91, .6), 30px 0 0 0 rgba(91, 183, 91, .3), 36px 0 0 0 rgba(91, 183, 91, .2)
    }

    100% {
        box-shadow: 6px 0 0 0 rgba(91, 183, 91, .2), 12px 0 0 0 rgba(91, 183, 91, .3), 18px 0 0 0 rgba(91, 183, 91, .6), 24px 0 0 0 rgba(91, 183, 91, .7), 30px 0 0 0 rgba(91, 183, 91, .9), 36px 0 0 0 rgba(91, 183, 91, 1);
        opacity: 1
    }
}

@keyframes rain_success {
    0% {
        box-shadow: 6px 0 0 0 rgba(91, 183, 91, 1), 12px 0 0 0 rgba(91, 183, 91, .9), 18px 0 0 0 rgba(91, 183, 91, .7), 24px 0 0 0 rgba(91, 183, 91, .6), 30px 0 0 0 rgba(91, 183, 91, .3), 36px 0 0 0 rgba(91, 183, 91, .2)
    }

    100% {
        box-shadow: 6px 0 0 0 rgba(91, 183, 91, .2), 12px 0 0 0 rgba(91, 183, 91, .3), 18px 0 0 0 rgba(91, 183, 91, .6), 24px 0 0 0 rgba(91, 183, 91, .7), 30px 0 0 0 rgba(91, 183, 91, .9), 36px 0 0 0 rgba(91, 183, 91, 1);
        opacity: 1
    }
}

@-webkit-keyframes rain_info {
    0% {
        box-shadow: 6px 0 0 0 rgba(73, 175, 205, 1), 12px 0 0 0 rgba(73, 175, 205, .9), 18px 0 0 0 rgba(73, 175, 205, .7), 24px 0 0 0 rgba(73, 175, 205, .6), 30px 0 0 0 rgba(73, 175, 205, .3), 36px 0 0 0 rgba(73, 175, 205, .2)
    }

    100% {
        box-shadow: 6px 0 0 0 rgba(73, 175, 205, .2), 12px 0 0 0 rgba(73, 175, 205, .3), 18px 0 0 0 rgba(73, 175, 205, .6), 24px 0 0 0 rgba(73, 175, 205, .7), 30px 0 0 0 rgba(73, 175, 205, .9), 36px 0 0 0 rgba(73, 175, 205, 1);
        opacity: 1
    }
}

@keyframes rain_info {
    0% {
        box-shadow: 6px 0 0 0 rgba(73, 175, 205, 1), 12px 0 0 0 rgba(73, 175, 205, .9), 18px 0 0 0 rgba(73, 175, 205, .7), 24px 0 0 0 rgba(73, 175, 205, .6), 30px 0 0 0 rgba(73, 175, 205, .3), 36px 0 0 0 rgba(73, 175, 205, .2)
    }

    100% {
        box-shadow: 6px 0 0 0 rgba(73, 175, 205, .2), 12px 0 0 0 rgba(73, 175, 205, .3), 18px 0 0 0 rgba(73, 175, 205, .6), 24px 0 0 0 rgba(73, 175, 205, .7), 30px 0 0 0 rgba(73, 175, 205, .9), 36px 0 0 0 rgba(73, 175, 205, 1);
        opacity: 1
    }
}

@-webkit-keyframes rain_warning {
    0% {
        box-shadow: 6px 0 0 0 rgba(250, 167, 50, 1), 12px 0 0 0 rgba(250, 167, 50, .9), 18px 0 0 0 rgba(250, 167, 50, .7), 24px 0 0 0 rgba(250, 167, 50, .6), 30px 0 0 0 rgba(250, 167, 50, .3), 36px 0 0 0 rgba(250, 167, 50, .2)
    }

    100% {
        box-shadow: 6px 0 0 0 rgba(250, 167, 50, .2), 12px 0 0 0 rgba(250, 167, 50, .3), 18px 0 0 0 rgba(250, 167, 50, .6), 24px 0 0 0 rgba(250, 167, 50, .7), 30px 0 0 0 rgba(250, 167, 50, .9), 36px 0 0 0 rgba(250, 167, 50, 1);
        opacity: 1
    }
}

@keyframes rain_warning {
    0% {
        box-shadow: 6px 0 0 0 rgba(250, 167, 50, 1), 12px 0 0 0 rgba(250, 167, 50, .9), 18px 0 0 0 rgba(250, 167, 50, .7), 24px 0 0 0 rgba(250, 167, 50, .6), 30px 0 0 0 rgba(250, 167, 50, .3), 36px 0 0 0 rgba(250, 167, 50, .2)
    }

    100% {
        box-shadow: 6px 0 0 0 rgba(250, 167, 50, .2), 12px 0 0 0 rgba(250, 167, 50, .3), 18px 0 0 0 rgba(250, 167, 50, .6), 24px 0 0 0 rgba(250, 167, 50, .7), 30px 0 0 0 rgba(250, 167, 50, .9), 36px 0 0 0 rgba(250, 167, 50, 1);
        opacity: 1
    }
}

@-webkit-keyframes rain_danger {
    0% {
        box-shadow: 6px 0 0 0 rgba(218, 79, 73, 1), 12px 0 0 0 rgba(218, 79, 73, .9), 18px 0 0 0 rgba(218, 79, 73, .7), 24px 0 0 0 rgba(218, 79, 73, .6), 30px 0 0 0 rgba(218, 79, 73, .3), 36px 0 0 0 rgba(218, 79, 73, .2)
    }

    100% {
        box-shadow: 6px 0 0 0 rgba(218, 79, 73, .2), 12px 0 0 0 rgba(218, 79, 73, .3), 18px 0 0 0 rgba(218, 79, 73, .6), 24px 0 0 0 rgba(218, 79, 73, .7), 30px 0 0 0 rgba(218, 79, 73, .9), 36px 0 0 0 rgba(218, 79, 73, 1);
        opacity: 1
    }
}

@keyframes rain_danger {
    0% {
        box-shadow: 6px 0 0 0 rgba(218, 79, 73, 1), 12px 0 0 0 rgba(218, 79, 73, .9), 18px 0 0 0 rgba(218, 79, 73, .7), 24px 0 0 0 rgba(218, 79, 73, .6), 30px 0 0 0 rgba(218, 79, 73, .3), 36px 0 0 0 rgba(218, 79, 73, .2)
    }

    100% {
        box-shadow: 6px 0 0 0 rgba(218, 79, 73, .2), 12px 0 0 0 rgba(218, 79, 73, .3), 18px 0 0 0 rgba(218, 79, 73, .6), 24px 0 0 0 rgba(218, 79, 73, .7), 30px 0 0 0 rgba(218, 79, 73, .9), 36px 0 0 0 rgba(218, 79, 73, 1);
        opacity: 1
    }
}

@-webkit-keyframes line_flow {
    0% {
        width: 0
    }

    100% {
        width: 40px
    }
}

@keyframes line_flow {
    0% {
        width: 0
    }

    100% {
        width: 40px
    }
}

.loader-spinner {
    position: relative;
    width: 20px;
    height: 20px;
    border: solid 2px transparent;
    border-top-color: #394264;
    border-left-color: #394264;
    border-radius: 20px;
    -webkit-animation: loading_spin 400ms linear infinite;
    -ms-animation: loading_spin 400ms linear infinite;
    animation: loading_spin 400ms linear infinite
}

.loader-spinner.loader-spinner-primary {
    border-top-color: #13A89E;
    border-left-color: #13A89E
}

.loader-spinner.loader-spinner-success {
    border-top-color: #5BB75B;
    border-left-color: #5BB75B
}

.loader-spinner.loader-spinner-info {
    border-top-color: #49AFCD;
    border-left-color: #49AFCD
}

.loader-spinner.loader-spinner-warning {
    border-top-color: #FAA732;
    border-left-color: #FAA732
}

.loader-spinner.loader-spinner-danger {
    border-top-color: #DA4F49;
    border-left-color: #DA4F49
}

@-webkit-keyframes loading_spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-ms-keyframes loading_spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes loading_spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

/*!
/* Bootstrap v3.0.3 (http://getbootstrap.com)
 * Copyright 2013 Twitter, Inc.
 * Licensed under http://www.apache.org/licenses/LICENSE-2.0
 */
.jumbotron {
    position: relative;
    background-color: #ecf0f1
}

.text-primary {
    color: #13A89E !important
}

.text-success {
    color: #5BB75B !important
}

.text-warning {
    color: #FAA732 !important
}

.text-danger {
    color: #DA4F49 !important
}

.text-info {
    color: #49AFCD !important
}

.text-inverse {
    color: #394264 !important
}

.text-muted {
    color: #95a5a6 !important
}

kbd {
    color: #ecf0f1;
    background-color: #394264
}

pre {
    border-color: #E0E4E8;
    background-color: #ecf0f1
}

.lead {
    margin-bottom: 10px
}

.label, .badge {
    font-size: 75%
}

.label[href]:hover, .label[href]:focus {
    background-color: rgba(0, 0, 0, .1)
}

.badge-default, .label-default {
    background-color: #ecf0f1;
    color: #394264
}

.badge.badge-primary, .label.label-primary {
    background-color: #13A89E;
    color: #ecf0f1
}

.badge.badge-success, .label.label-success {
    background-color: #5BB75B;
    color: #ecf0f1
}

.badge.badge-warning, .label.label-warning {
    background-color: #FAA732;
    color: #ecf0f1
}

.badge.badge-danger, .label.label-danger {
    background-color: #DA4F49;
    color: #ecf0f1
}

.badge.badge-info, .label.label-info {
    background-color: #49AFCD;
    color: #ecf0f1
}

.btn {
    font-size: 13px
}

.btn:active, .btn.active {
    background-image: none
}

.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger, .btn-group-lg > .btn {
    font-size: 13px
}

.btn-sm, .btn-xs, .btn-group-sm > .btn, .btn-group-xs > .btn {
    font-size: 12px
}

.btn-sm > .badge, .btn-xs > .badge {
    padding: 2px 6px
}

.btn-default {
    color: #394264;
    border-color: #E0E4E8
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    background-color: #ecf0f1;
    border-color: #ecf0f1
}

.btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    background-image: none;
    box-shadow: none
}

.btn-default .badge {
    color: #394264;
    background-color: #ecf0f1
}

.btn-primary {
    border-color: #13a89e;
    background-color: #13a89e
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    border-color: #0E7D76;
    background-color: #0E7D76
}

.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-image: none;
    box-shadow: none
}

.btn-success {
    border-color: #5BB75B;
    background-color: #5BB75B
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    border-color: #468C46;
    background-color: #468C46
}

.btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    background-image: none;
    box-shadow: none
}

.btn-warning {
    border-color: #FAA732;
    background-color: #FAA732
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
    border-color: #CF8B29;
    background-color: #CF8B29
}

.btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
    background-image: none;
    box-shadow: none
}

.btn-danger {
    border-color: #DA4F49;
    background-color: #DA4F49
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
    border-color: #AF403B;
    background-color: #AF403B
}

.btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
    background-image: none;
    box-shadow: none
}

.btn-info {
    border-color: #49AFCD;
    background-color: #49AFCD
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    border-color: #3A8BA2;
    background-color: #3A8BA2
}

.btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    background-image: none;
    box-shadow: none
}

.btn-inverse {
    color: #fff;
    background-color: #394264;
    border-color: #394264
}

.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .open .dropdown-toggle.btn-inverse {
    color: #ecf0f1;
    background-color: #212639;
    border-color: #212639
}

.btn-inverse:active, .btn-inverse.active, .open .dropdown-toggle.btn-inverse {
    background-image: none;
    box-shadow: none
}

.btn-inverse.disabled, .btn-inverse[disabled], fieldset[disabled] .btn-inverse, .btn-inverse.disabled:hover, .btn-inverse[disabled]:hover, fieldset[disabled] .btn-inverse:hover, .btn-inverse.disabled:focus, .btn-inverse[disabled]:focus, fieldset[disabled] .btn-inverse:focus, .btn-inverse.disabled:active, .btn-inverse[disabled]:active, fieldset[disabled] .btn-inverse:active, .btn-inverse.disabled.active, .btn-inverse[disabled].active, fieldset[disabled] .btn-inverse.active {
    background-color: #212639;
    border-color: #212639
}

.btn-inverse .badge {
    color: #394264;
    background-color: #fff
}

.btn-cloud {
    color: #394264;
    background-color: #ecf0f1;
    border-color: #ecf0f1
}

.btn-cloud:hover, .btn-cloud:focus, .btn-cloud:active, .btn-cloud.active, .open .dropdown-toggle.btn-cloud {
    color: #394264;
    background-color: #C2C6C6;
    border-color: #C2C6C6
}

.btn-cloud:active, .btn-cloud.active, .open .dropdown-toggle.btn-cloud {
    background-image: none;
    box-shadow: none
}

.btn-cloud.disabled, .btn-cloud[disabled], fieldset[disabled] .btn-cloud, .btn-cloud.disabled:hover, .btn-cloud[disabled]:hover, fieldset[disabled] .btn-cloud:hover, .btn-cloud.disabled:focus, .btn-cloud[disabled]:focus, fieldset[disabled] .btn-cloud:focus, .btn-cloud.disabled:active, .btn-cloud[disabled]:active, fieldset[disabled] .btn-cloud:active, .btn-cloud.disabled.active, .btn-cloud[disabled].active, fieldset[disabled] .btn-cloud.active {
    background-color: #C2C6C6;
    border-color: #C2C6C6
}

.btn-cloud .badge {
    color: #394264;
    background-color: #fff
}

.btn-silver {
    color: #fff;
    background-color: #bdc3c7;
    border-color: #bdc3c7
}

.btn-silver:hover, .btn-silver:focus, .btn-silver:active, .btn-silver.active, .open .dropdown-toggle.btn-silver {
    color: #fff;
    background-color: #B1C5D3;
    border-color: #B1C5D3
}

.btn-silver:active, .btn-silver.active, .open .dropdown-toggle.btn-silver {
    background-image: none;
    box-shadow: none
}

.btn-silver.disabled, .btn-silver[disabled], fieldset[disabled] .btn-silver, .btn-silver.disabled:hover, .btn-silver[disabled]:hover, fieldset[disabled] .btn-silver:hover, .btn-silver.disabled:focus, .btn-silver[disabled]:focus, fieldset[disabled] .btn-silver:focus, .btn-silver.disabled:active, .btn-silver[disabled]:active, fieldset[disabled] .btn-silver:active, .btn-silver.disabled.active, .btn-silver[disabled].active, fieldset[disabled] .btn-silver.active {
    background-color: #B1C5D3;
    border-color: #B1C5D3
}

.btn-silver .badge {
    color: #394264;
    background-color: #fff
}

.btn-transparent {
    color: inherit;
    background-color: transparent;
    border-color: #fff
}

.btn-transparent:hover, .btn-transparent:focus, .btn-transparent:active, .btn-transparent.active, .open .dropdown-toggle.btn-transparent {
    color: #394264;
    background-color: #fff;
    border-color: #fff
}

.btn-transparent:active, .btn-transparent.active, .open .dropdown-toggle.btn-transparent {
    background-image: none;
    box-shadow: none
}

.btn-transparent.disabled, .btn-transparent[disabled], fieldset[disabled] .btn-transparent, .btn-transparent.disabled:hover, .btn-transparent[disabled]:hover, fieldset[disabled] .btn-transparent:hover, .btn-transparent.disabled:focus, .btn-transparent[disabled]:focus, fieldset[disabled] .btn-transparent:focus, .btn-transparent.disabled:active, .btn-transparent[disabled]:active, fieldset[disabled] .btn-transparent:active, .btn-transparent.disabled.active, .btn-transparent[disabled].active, fieldset[disabled] .btn-transparent.active {
    background-color: #fff;
    border-color: #fff
}

.btn-transparent .badge {
    color: #394264;
    background-color: #fff
}

.btn-link {
    color: #13A89E
}

.btn-link:hover, .btn-link:focus {
    color: #0E7D76
}

.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
    color: #95a5a6;
    text-decoration: none
}

.btn-group > .btn:not(.btn-default) {
    border-color: rgba(0, 0, 0, .1)
}

.btn.btn-icon {
    position: relative;
    padding-right: 46px
}

.btn.btn-icon:not(.btn-default) {
    border: 0
}

.btn.btn-icon > i {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    font-size: inherit;
    line-height: inherit;
    padding: 6px 12px
}

.btn.btn-icon.btn-icon-right {
    padding-right: 12px;
    padding-left: 46px
}

.btn.btn-icon.btn-icon-right > i {
    left: 0;
    right: auto;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.btn.btn-icon.btn-lg {
    padding-right: 56px
}

.btn.btn-icon.btn-sm {
    padding-right: 39px
}

.btn.btn-icon.btn-xs {
    padding-right: 24px
}

.btn.btn-icon.btn-lg > i {
    padding: 10px 16px;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.btn.btn-icon.btn-sm > i {
    padding: 5px 10px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.btn.btn-icon.btn-xs > i {
    padding: 1px 5px;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.btn.btn-icon.btn-icon-right.btn-lg {
    padding-left: 56px;
    padding-right: 16px
}

.btn.btn-icon.btn-icon-right.btn-sm {
    padding-left: 39px;
    padding-right: 10px
}

.btn.btn-icon.btn-icon-right.btn-xs {
    padding-left: 24px;
    padding-right: 5px
}

.btn.btn-icon.btn-icon-right.btn-lg > i {
    padding: 10px 16px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.btn.btn-icon.btn-icon-right.btn-sm > i {
    padding: 5px 10px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.btn.btn-icon.btn-icon-right.btn-xs > i {
    padding: 1px 5px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.btn.btn-icon.btn-default > i {
    background-color: #ecf0f1
}

.btn.btn-icon.btn-inverse > i {
    background-color: #212639
}

.btn.btn-icon.btn-primary > i {
    background-color: #0E7D76
}

.btn.btn-icon.btn-success > i {
    background-color: #468C46
}

.btn.btn-icon.btn-info > i {
    background-color: #3A8BA2
}

.btn.btn-icon.btn-warning > i {
    background-color: #CF8B29
}

.btn.btn-icon.btn-danger > i {
    background-color: #AF403B
}

.btn.btn-icon.btn-cloud > i {
    background-color: #C2C6C6
}

.btn.btn-icon.btn-silver > i {
    background-color: #B1C5D3
}

.btn-rounded {
    border-radius: 100px;
    border-width: 2px
}

.btn-rounded.btn-lg {
    border-width: 4px
}

.btn-rounded.btn-primary {
    color: #13a89e;
    border-color: #13a89e
}

.btn-rounded.btn-primary:hover, .btn-rounded.btn-primary:focus, .btn-rounded.btn-primary:active, .btn-rounded.btn-primary.active, .open .dropdown-toggle.btn-primary.btn-rounded {
    background-color: #13a89e
}

.btn-rounded.btn-success {
    color: #5BB75B;
    border-color: #5BB75B
}

.btn-rounded.btn-success:hover, .btn-rounded.btn-success:focus, .btn-rounded.btn-success:active, .btn-rounded.btn-success.active, .open .dropdown-toggle.btn-success.btn-rounded {
    background-color: #5BB75B
}

.btn-rounded.btn-warning {
    color: #FAA732;
    border-color: #FAA732
}

.btn-rounded.btn-warning:hover, .btn-rounded.btn-warning:focus, .btn-rounded.btn-warning:active, .btn-rounded.btn-warning.active, .open .dropdown-toggle.btn-warning.btn-rounded {
    background-color: #FAA732
}

.btn-rounded.btn-danger {
    color: #DA4F49;
    border-color: #DA4F49
}

.btn-rounded.btn-danger:hover, .btn-rounded.btn-danger:focus, .btn-rounded.btn-danger:active, .btn-rounded.btn-danger.active, .open .dropdown-toggle.btn-danger.btn-rounded {
    background-color: #DA4F49
}

.btn-rounded.btn-info {
    color: #49AFCD;
    border-color: #49AFCD
}

.btn-rounded.btn-info:hover, .btn-rounded.btn-info:focus, .btn-rounded.btn-info:active, .btn-rounded.btn-info.active, .open .dropdown-toggle.btn-info.btn-rounded {
    background-color: #49AFCD
}

.btn-rounded.btn-inverse {
    color: #394264;
    border-color: #394264
}

.btn-rounded.btn-inverse:hover, .btn-rounded.btn-inverse:focus, .btn-rounded.btn-inverse:active, .btn-rounded.btn-inverse.active, .open .dropdown-toggle.btn-inverse.btn-rounded {
    background-color: #394264
}

.btn-rounded.btn-cloud {
    color: #ecf0f1;
    border-color: #ecf0f1
}

.btn-rounded.btn-cloud:hover, .btn-rounded.btn-cloud:focus, .btn-rounded.btn-cloud:active, .btn-rounded.btn-cloud.active, .open .dropdown-toggle.btn-cloud.btn-rounded {
    background-color: #ecf0f1
}

.btn-rounded.btn-silver {
    color: #bdc3c7;
    border-color: #bdc3c7
}

.btn-rounded.btn-silver:hover, .btn-rounded.btn-silver:focus, .btn-rounded.btn-silver:active, .btn-rounded.btn-silver.active, .open .dropdown-toggle.btn-silver.btn-rounded {
    background-color: #bdc3c7
}

.btn-rounded.btn-inverse, .btn-rounded.btn-primary, .btn-rounded.btn-success, .btn-rounded.btn-info, .btn-rounded.btn-warning, .btn-rounded.btn-danger, .btn-rounded.btn-cloud, .btn-rounded.btn-silver {
    background-color: #fff
}

.btn-rounded.btn-cloud, .btn-rounded.btn-silver {
    color: #394264
}

.btn-rounded.btn-inverse:hover, .btn-rounded.btn-primary:hover, .btn-rounded.btn-success:hover, .btn-rounded.btn-info:hover, .btn-rounded.btn-warning:hover, .btn-rounded.btn-danger:hover, .btn-rounded.btn-silver:hover, .btn-rounded.btn-inverse:focus, .btn-rounded.btn-primary:focus, .btn-rounded.btn-success:focus, .btn-rounded.btn-info:focus, .btn-rounded.btn-warning:focus, .btn-rounded.btn-danger:focus, .btn-rounded.btn-silver:focus, .btn-rounded.btn-inverse:active, .btn-rounded.btn-primary:active, .btn-rounded.btn-success:active, .btn-rounded.btn-info:active, .btn-rounded.btn-warning:active, .btn-rounded.btn-danger:active, .btn-rounded.btn-silver:active, .btn-rounded.btn-inverse.active, .btn-rounded.btn-primary.active, .btn-rounded.btn-success.active, .btn-rounded.btn-info.active, .btn-rounded.btn-warning.active, .btn-rounded.btn-danger.active, .btn-rounded.btn-silver.active {
    color: #fff
}

.btn-rounded.btn-transparent {
    color: inherit;
    background-color: transparent;
    border-color: #fff
}

.btn-rounded.btn-transparent:hover, .btn-rounded.btn-transparent:focus, .btn-rounded.btn-transparent:active, .btn-rounded.btn-transparent.active, .open .dropdown-toggle.btn-transparent.btn-rounded {
    color: #394264;
    background-color: #fff;
    border-color: #fff
}

.pagination > li > a, .pagination > li > span {
    font-size: 13px;
    border-color: #E0E4E8;
    color: #13A89E
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background-color: #ecf0f1
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: #394264;
    background-color: #ecf0f1;
    border-color: #E0E4E8
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #95a5a6;
    border-color: #E0E4E8
}

.pagination-sm > li > a, .pagination-sm > li > span {
    font-size: 12px
}

.pager li > a, .pager li > span {
    font-size: 13px;
    color: #13A89E;
    border-color: #E0E4E8
}

.pager li > a:hover, .pager li > a:focus {
    background-color: #ecf0f1
}

.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
    color: #95a5a6
}

.thumbnail, .img-thumbnail {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .075)
}

.dropdown-menu {
    border-color: #E0E4E8;
    border-radius: 3px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1)
}

.dropdown-menu > li > a {
    font-size: 12px;
    color: #394264
}

.dropdown-menu > li > a i.fa, .dropdown-menu > li > a i.icon {
    width: 20px
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #13A89E;
    color: #ecf0f1
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #394264;
    color: #ecf0f1
}

.dropdown-menu.dropdown-extend {
    min-width: 280px;
    max-width: 320px;
    margin: 0;
    padding: 0
}

.dropdown-menu.dropdown-extend:before {
    position: absolute;
    top: -10px;
    left: 15px;
    right: auto;
    width: 0;
    height: 0;
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff
}

.dropdown-menu.dropdown-extend.pull-right:before {
    right: 15px;
    left: auto
}

.dropdown-menu.dropdown-extend > .dropdown-header {
    position: relative;
    padding: 10px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #fff;
    color: #232332
}

.dropdown-menu.dropdown-extend > .dropdown-footer {
    position: relative;
    font-size: 13px;
    border-bottom: 0 none;
    background-color: #fff;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.dropdown-menu.dropdown-extend > .dropdown-footer a {
    color: #232332
}

.dropdown-menu.dropdown-extend > .dropdown-footer:hover a {
    background-color: inherit
}

.dropdown-menu.dropdown-extend > .dropdown-footer .btn {
    margin: 10px 0;
    display: inline-block
}

.dropdown-menu.dropdown-extend > .dropdown-footer .btn.pull-left {
    margin-left: 10px
}

.dropdown-menu.dropdown-extend > .dropdown-footer .btn.pull-right {
    margin-right: 10px
}

.dropdown-menu.dropdown-extend > .dropdown-footer > .view-all {
    padding: 15px 10px
}

.dropdown-menu.dropdown-extend > .dropdown-footer i {
    margin-top: 0;
    font-size: 18px
}

.dropdown-menu.dropdown-extend > li {
    border-bottom: 1px solid #E0E4E8;
    text-align: left
}

.dropdown-menu.dropdown-extend > li > a {
    white-space: normal;
    text-align: left
}

.dropdown-menu.dropdown-extend .notif-media {
    position: relative;
    max-height: 360px;
    overflow: auto
}

.notif-media .notif-item {
    border-bottom: 1px solid #E0E4E8;
    padding: 10px
}

.notif-media .notif-item:last-child {
    border-bottom: 0
}

.notif-media .notif-item .notif-img.pull-left {
    margin-right: 10px;
    margin-left: auto
}

.notif-media .notif-item .notif-img.pull-right {
    margin-right: auto;
    margin-left: 10px
}

.notif-media .notif-item .notif-img > img {
    width: 40px;
    height: 40px
}

.notif-media .notif-item .notif-heading {
    position: relative;
    margin: 0;
    padding: 0 0 5px;
    font-size: 16px;
    font-weight: 300;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap
}

.notif-media .notif-item .notif-heading small {
    position: absolute;
    top: 3px;
    right: 0;
    font-size: 10px;
    color: #95a5a6
}

.notif-media .notif-item:hover .notif-heading small {
    color: #bdc3c7
}

.notif-media .notif-item .notif-text {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 300;
    color: #394264;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.notif-media .notif-item:hover .notif-text {
    color: #bdc3c7
}

.dropdown-menu.dropdown-extend .notif-minimal {
    position: relative;
    max-height: 360px;
    overflow: auto
}

.notif-minimal .notif-item {
    position: relative;
    border-bottom: 1px solid #E0E4E8;
    padding: 5px 10px;
    height: 50px;
    overflow: hidden
}

.notif-minimal .notif-item:last-child {
    border-bottom: 0
}

.notif-minimal .notif-item .notif-ico {
    position: absolute;
    top: 5px;
    left: 10px;
    height: 40px;
    width: 40px;
    border-radius: 40px;
    line-height: 40px;
    text-align: center
}

.notif-minimal .notif-item .notif-ico > i {
    font-size: 20px;
    line-height: 40px;
    color: #ecf0f1
}

.notif-minimal .notif-item .notif-text {
    position: absolute;
    left: 60px;
    right: 10px;
    line-height: 40px;
    font-size: 12px;
    font-weight: 300;
    color: #394264;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.notif-minimal .notif-item:hover .notif-text {
    color: #ecf0f1
}

.dropdown-menu.dropdown-extend .notif-progress {
    position: relative;
    max-height: 360px;
    overflow: auto
}

.notif-progress .notif-item {
    position: relative;
    border-bottom: 1px solid #E0E4E8;
    padding: 10px;
    cursor: default;
    overflow: hidden
}

.notif-progress:hover .notif-item {
    background-color: #fff
}

.notif-progress .notif-item:last-child {
    border-bottom: 0
}

.notif-progress .notif-item .progress {
    margin-bottom: 0
}

.notif-progress .notif-item .notif-text {
    margin: 0 2px 5px;
    font-size: 11px;
    font-weight: 300;
    color: #394264;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dropdown-inline {
    padding: 0;
    padding-left: 5px;
    min-width: 167px;
    width: auto;
    max-width: 187px
}

.dropdown-inline li {
    margin: 5px 0 0 2px;
    padding: 0;
    display: inline-block
}

.dropdown-inline li .color-pick {
    min-width: 10px;
    padding: 0;
    width: 20px;
    height: 20px;
    line-height: 1em;
    border: 0;
    outline: 0;
    background-color: inherit;
    cursor: pointer
}

.modal {
    outline: 0
}

.modal-content {
    border-color: #E0E4E8;
    border-color: rgba(0, 0, 0, .1);
    box-shadow: 0 3px 9px rgba(35, 35, 50, .5)
}

.modal-backdrop {
    background-color: #232332
}

.modal-header {
    border-bottom-color: #E0E4E8
}

.modal-footer {
    border-top-color: #E0E4E8
}

.modal.modal-fullwidth .modal-dialog {
    width: 100%
}

.modal.modal-center .modal-dialog {
    position: absolute;
    top: 25%;
    left: 25%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.modal.modal-center.modal-fullwidth .modal-dialog {
    left: 0
}

.modal.modal-fullwidth .modal-content {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.tooltip-inner {
    background-color: #394264
}

.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
    border-top-color: #394264
}

.tooltip.right .tooltip-arrow {
    border-right-color: #394264
}

.tooltip.left .tooltip-arrow {
    border-left-color: #394264
}

.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #394264
}

.popover {
    background-color: #fff;
    border-color: #E0E4E8;
    border-radius: 4px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    z-index: 1060
}

.popover-title {
    background-color: #ecf0f1;
    border-bottom: 1px solid #E0E4E8;
    border-radius: 3px 3px 0 0;
    font-size: 13px;
    color: #394264
}

.popover-content {
    font-size: 12px;
    color: #394264
}

.popover.top .arrow {
    border-top-color: #E0E4E8
}

.popover.top .arrow:after {
    border-top-color: #fff
}

.popover.right .arrow {
    border-right-color: #E0E4E8
}

.popover.right .arrow:after {
    border-right-color: #fff
}

.popover.bottom .arrow {
    border-bottom-color: #E0E4E8
}

.popover.bottom .arrow:after {
    border-bottom-color: #fff
}

.popover.left .arrow {
    border-left-color: #E0E4E8
}

.popover.left .arrow:after {
    border-left-color: #fff
}

.popover-primary {
    background-color: #fff;
    border-color: #13A89E
}

.popover-primary .popover-title {
    background-color: #13A89E;
    border-color: #13A89E;
    color: #fff
}

.popover-primary.top .arrow {
    border-top-color: #13A89E
}

.popover-primary.right .arrow {
    border-right-color: #13A89E
}

.popover-primary.bottom .arrow {
    border-bottom-color: #13A89E
}

.popover-primary.left .arrow {
    border-left-color: #13A89E
}

.popover-success {
    background-color: #fff;
    border-color: #5BB75B
}

.popover-success .popover-title {
    background-color: #5BB75B;
    border-color: #5BB75B;
    color: #fff
}

.popover-success.top .arrow {
    border-top-color: #5BB75B
}

.popover-success.right .arrow {
    border-right-color: #5BB75B
}

.popover-success.bottom .arrow {
    border-bottom-color: #5BB75B
}

.popover-success.left .arrow {
    border-left-color: #5BB75B
}

.popover-info {
    background-color: #fff;
    border-color: #49AFCD
}

.popover-info .popover-title {
    background-color: #49AFCD;
    border-color: #49AFCD;
    color: #fff
}

.popover-info.top .arrow {
    border-top-color: #49AFCD
}

.popover-info.right .arrow {
    border-right-color: #49AFCD
}

.popover-info.bottom .arrow {
    border-bottom-color: #49AFCD
}

.popover-info.left .arrow {
    border-left-color: #49AFCD
}

.popover-warning {
    background-color: #fff;
    border-color: #FAA732
}

.popover-warning .popover-title {
    background-color: #FAA732;
    border-color: #FAA732;
    color: #fff
}

.popover-warning.top .arrow {
    border-top-color: #FAA732
}

.popover-warning.right .arrow {
    border-right-color: #FAA732
}

.popover-warning.bottom .arrow {
    border-bottom-color: #FAA732
}

.popover-warning.left .arrow {
    border-left-color: #FAA732
}

.popover-danger {
    background-color: #fff;
    border-color: #DA4F49
}

.popover-danger .popover-title {
    background-color: #DA4F49;
    border-color: #DA4F49;
    color: #fff
}

.popover-danger.top .arrow {
    border-top-color: #DA4F49
}

.popover-danger.right .arrow {
    border-right-color: #DA4F49
}

.popover-danger.bottom .arrow {
    border-bottom-color: #DA4F49
}

.popover-danger.left .arrow {
    border-left-color: #DA4F49
}

.popover-inverse {
    background-color: #232332;
    border-color: #232332
}

.popover-inverse .popover-title {
    background-color: #394264;
    border-color: #232332;
    color: #fff
}

.popover-inverse .popover-content {
    color: #ecf0f1
}

.popover-inverse.top .arrow {
    border-top-color: #232332
}

.popover-inverse.top .arrow:after {
    border-top-color: #232332
}

.popover-inverse.right .arrow {
    border-right-color: #232332
}

.popover-inverse.right .arrow:after {
    border-right-color: #232332
}

.popover-inverse.bottom .arrow {
    border-bottom-color: #394264;
    top: -10px
}

.popover-inverse.bottom .arrow:after {
    border-bottom-color: #394264;
    top: 0
}

.popover-inverse.left .arrow {
    border-left-color: #232332
}

.popover-inverse.left .arrow:after {
    border-left-color: #232332
}

.navbar-default {
    background-color: #ecf0f1;
    border-color: #E0E4E8
}

.navbar-default .navbar-brand {
    color: #7f8c8d
}

.navbar-brand {
    position: relative
}

.navbar-brand img {
    position: absolute;
    top: 0;
    height: 50px
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #394264;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #7f8c8d
}

.navbar-default .navbar-nav > li > a {
    color: #7f8c8d
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #394264;
    background-color: transparent
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #394264;
    background-color: #E0E4E8
}

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #bdc3c7;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #E0E4E8
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #E0E4E8
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #bdc3c7
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #E0E4E8
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #394264;
    background-color: #E0E4E8
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #7f8c8d
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #394264;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #394264;
        background-color: #E0E4E8
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #bdc3c7;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #7f8c8d
}

.navbar-default .navbar-link:hover {
    color: #394264
}

.navbar-inverse {
    background-color: #232332;
    border-color: #222
}

.navbar-inverse .navbar-brand {
    color: #95a5a6
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color: #ecf0f1;
    background-color: transparent
}

.navbar-inverse .navbar-text {
    color: #95a5a6
}

.navbar-inverse .navbar-nav > li > a {
    color: #95a5a6
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #ecf0f1;
    background-color: transparent
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #ecf0f1;
    background-color: rgba(255, 255, 255, .1)
}

.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #394264
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: rgba(255, 255, 255, .1)
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #ecf0f1
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #394264
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #ecf0f1;
    background-color: rgba(255, 255, 255, .1)
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #394264
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: rgba(255, 255, 255, .1)
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #95a5a6
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #ecf0f1;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ecf0f1;
        background-color: rgba(255, 255, 255, .1)
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #95a5a6
}

.navbar-inverse .navbar-link:hover {
    color: #ecf0f1
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    border-color: #13A89E
}

.nav-tabs {
    border-bottom: 1px solid #E0E4E8
}

.nav-tabs > li > a:hover {
    border-color: #ecf0f1 #ecf0f1 #E0E4E8
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #394264;
    border-color: #E0E4E8;
    border-bottom-color: transparent
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
    border-color: #E0E4E8
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom-color: #E0E4E8
    }

    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #fff
    }
}

.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
    border-color: #E0E4E8
}

@media (min-width: 768px) {
    .nav-tabs-justified > li > a {
        border-bottom-color: #E0E4E8
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #fff
    }
}

a.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #13A89E
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #ecf0f1;
    background-color: #13A89E
}

.alert {
    margin-bottom: 15px
}

.progress {
    margin-bottom: 15px;
    padding: 2px;
    height: 20px;
    background-color: #fff;
    border: 2px solid #ecf0f1;
    box-shadow: none;
    border-radius: 24px
}

.progress.progress-xs {
    height: 4px
}

.progress.progress-sm {
    height: 14px
}

.progress.progress-lg {
    height: 26px
}

.progress.progress-flat {
    background-color: #ecf0f1;
    border: 0;
    padding: 0;
    border-radius: 0
}

.progress-bar {
    background-color: #13A89E;
    border-radius: 24px;
    box-shadow: none
}

.progress-bar-success {
    background-color: #5BB75B
}

.progress-bar-info {
    background-color: #49AFCD
}

.progress-bar-warning {
    background-color: #FAA732
}

.progress-bar-danger {
    background-color: #DA4F49
}

.progress-bar-inverse {
    background-color: #394264
}

.progress.progress-inverse, .progress.progress-inverse-success, .progress.progress-inverse-info, .progress.progress-inverse-warning, .progress.progress-inverse-danger {
    border: 0;
    padding: 4px;
    background-color: #13A89E
}

.progress.progress-inverse-success {
    background-color: #5BB75B
}

.progress.progress-inverse-info {
    background-color: #49AFCD
}

.progress.progress-inverse-warning {
    background-color: #FAA732
}

.progress.progress-inverse-danger {
    background-color: #DA4F49
}

.progress.progress-inverse-inverse {
    border-color: #232332;
    background-color: #232332
}

.progress.progress-inverse > .progress-bar, .progress.progress-inverse-success > .progress-bar, .progress.progress-inverse-info > .progress-bar, .progress.progress-inverse-warning > .progress-bar, .progress.progress-inverse-danger > .progress-bar {
    background-color: rgba(255, 255, 255, .25)
}

.progress.progress-inverse-inverse > .progress-bar {
    background-color: #ecf0f1
}

.progress-flat > .progress-bar {
    border-radius: 0
}

.progress-striped > .progress-bar {
    border-radius: 0
}

.progress-striped > .progress-bar:first-child {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px
}

.progress-striped > .progress-bar:last-child {
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px
}

legend, label {
    color: #95a5a6
}

legend {
    border-bottom: 0
}

form label {
    font-weight: 400
}

.radio label, .checkbox label, label.radio-inline, label.checkbox-inline {
    color: #394264;
    font-size: 13px
}

.help-block {
    color: #95a5a6;
    font-size: 13px
}

.form-bordered .form-group {
    border-bottom: 1px solid #E0E4E8;
    padding-bottom: 15px;
    padding-right: 15px;
    padding-left: 15px
}

.form-bordered .form-group:last-child {
    border-bottom: 0
}

.form-bordered:not(.form-horizontal) .form-group {
    margin-right: -15px;
    margin-left: -15px
}

.form-control {
    font-size: 13px;
    color: #394264;
    border-color: #E0E4E8;
    border-radius: 3px;
    box-shadow: none
}

.input-sm, .input-group-addon.input-sm {
    font-size: 11px;
    border-radius: 3px
}

.input-lg, .input-group-addon.input-lg {
    font-size: 16px;
    border-radius: 4px
}

.form-control:focus {
    border-color: #13A89E;
    box-shadow: rgba(0, 0, 0, .05) 0 1px 1px
}

.form-control:-moz-placeholder {
    color: #95a5a6
}

.form-control::-moz-placeholder {
    color: #95a5a6;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #95a5a6
}

.form-control::-webkit-input-placeholder {
    color: #95a5a6
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #ecf0f1
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline {
    color: #FAA732
}

.has-warning .form-control {
    border-color: #FAA732;
    box-shadow: rgba(0, 0, 0, .05) 0 1px 1px
}

.has-warning .form-control:focus {
    border-color: #CF8B29;
    box-shadow: rgba(0, 0, 0, .05) 0 1px 1px
}

.has-warning .input-group-addon {
    color: #FAA732;
    background-color: #fcf8e3;
    border-color: #FAA732
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
    color: #DA4F49
}

.has-error .form-control {
    border-color: #DA4F49;
    box-shadow: rgba(0, 0, 0, .05) 0 1px 1px
}

.has-error .form-control:focus {
    border-color: #AF403B;
    box-shadow: rgba(0, 0, 0, .05) 0 1px 1px
}

.has-error .input-group-addon {
    color: #DA4F49;
    background-color: #f2dede;
    border-color: #DA4F49
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline {
    color: #5BB75B
}

.has-success .form-control {
    border-color: #5BB75B;
    box-shadow: rgba(0, 0, 0, .05) 0 1px 1px
}

.has-success .form-control:focus {
    border-color: #468C46;
    box-shadow: rgba(0, 0, 0, .05) 0 1px 1px
}

.has-success .input-group-addon {
    color: #5BB75B;
    background-color: #dff0d8;
    border-color: #5BB75B
}

.input-group-btn > .btn {
    padding: 7px 12px
}

.input-group-btn > .fileinput {
    margin-bottom: 0
}

.input-group-btn > .btn:not(.btn-default) {
    border-color: rgba(0, 0, 0, .1)
}

.input-group-addon {
    background-color: #ecf0f1;
    border-color: #E0E4E8;
    color: #394264;
    font-size: 13px;
    padding: 7px 12px
}

.input-group-addon > .nice-checkbox, .input-group-addon > .nice-radio {
    padding-top: 0;
    top: -5px;
    left: 2px
}

.input-group.input-group-in {
    border: 1px solid #E0E4E8;
    background-color: #fff;
    border-radius: 3px;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.input-group-in.focus {
    border-color: #13A89E;
    box-shadow: rgba(0, 0, 0, .05) 0 1px 1px
}

.input-group.input-group-in > .input-group-btn > .btn, .input-group.input-group-in > .input-group-addon, .input-group.input-group-in > .twitter-typeahead > .form-control, .input-group.input-group-in > .form-control {
    border: 0;
    background-color: transparent
}

.input-group.input-group-in > .twitter-typeahead > .form-control, .input-group.input-group-in > .form-control {
    padding-right: 0;
    padding-left: 0
}

.input-group.input-group-in > .twitter-typeahead:first-child > .form-control, .input-group.input-group-in > .form-control:first-child {
    padding-right: 0;
    padding-left: 12px
}

.input-group.input-group-in > .twitter-typeahead:last-child > .form-control, .input-group.input-group-in > .form-control:last-child {
    padding-right: 12px;
    padding-left: 0
}

.input-group.input-group-in > .form-control:focus, .input-group.input-group-in > .form-control[disabled], .input-group.input-group-in > .form-control[readonly], .input-group.input-group-in > fieldset[disabled] .form-control, .input-group.input-group-in > .twitter-typeahead > .form-control:focus, .input-group.input-group-in > .twitter-typeahead > .form-control[disabled], .input-group.input-group-in > .twitter-typeahead > .form-control[readonly] {
    border: 0 !important;
    background-color: transparent;
    box-shadow: none
}

.input-group.input-group-in > .input-group-btn > .btn {
    color: #394264
}

.input-group.input-group-in > .input-group-btn > .btn:hover, .input-group.input-group-in > .input-group-btn > .btn:focus, .input-group.input-group-in > .input-group-btn > .btn:active, .input-group.input-group-in > .input-group-btn > .btn.active, .input-group.input-group-in > .input-group-btn > .btn.open {
    background-color: transparent;
    border: 0;
    color: inherit
}

.list-group-item {
    background-color: #fff;
    border-color: #E0E4E8
}

.list-group-item canvas {
    margin-right: 5px;
    margin-left: auto
}

.list-group-item canvas.pull-right {
    margin-right: auto;
    margin-left: 5px
}

.list-group[class*=bg-] .list-group-item {
    background-color: transparent;
    border-color: rgba(0, 0, 0, .1)
}

a.list-group-item, a.list-group-item .list-group-item-heading {
    color: #394264
}

.list-group[class*=bg-] a.list-group-item, .list-group[class*=bg-] a.list-group-item .list-group-item-heading {
    color: inherit
}

a.list-group-item:hover, a.list-group-item:focus {
    background-color: #ecf0f1
}

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
    background-color: #13A89E;
    border-color: #13A89E
}

.list-group[class*=bg-] a.list-group-item:hover, .list-group[class*=bg-] a.list-group-item:focus, .list-group[class*=bg-] a.list-group-item.active, .list-group[class*=bg-] a.list-group-item.active:hover, .list-group[class*=bg-] a.list-group-item.active:focus {
    background-color: rgba(255, 255, 255, .1);
    border-color: rgba(0, 0, 0, .1)
}

a.list-group-item.active .badge, a.list-group-item.active:hover .badge, a.list-group-item.active:focus .badge {
    background-color: #ecf0f1 !important;
    color: #394264 !important
}

a.list-group-item.active .list-group-item-text, a.list-group-item.active:hover .list-group-item-text, a.list-group-item.active:focus .list-group-item-text {
    color: #ecf0f1
}

.list-group[class*=bg-] a.list-group-item.active .list-group-item-text, .list-group[class*=bg-] a.list-group-item.active:hover .list-group-item-text, .list-group[class*=bg-] a.list-group-item.active:focus .list-group-item-text {
    color: inherit
}

@media print {
    .table-bordered th, .table-bordered td {
        border-color: #E0E4E8 !important
    }
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 1px solid #E0E4E8
}

.table > thead > tr > th {
    border-bottom: 2px solid #E0E4E8
}

.table > tbody + tbody {
    border-top: 2px solid #E0E4E8
}

.table-bordered {
    border-color: #E0E4E8
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border-color: #E0E4E8
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #ecf0f1
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #ecf0f1
}

.table > thead > tr > .active, .table > tbody > tr > .active, .table > tfoot > tr > .active, .table > thead > .active > td, .table > tbody > .active > td, .table > tfoot > .active > td, .table > thead > .active > th, .table > tbody > .active > th, .table > tfoot > .active > th, .table > thead > tr:hover > .active, .table > tbody > tr:hover > .active, .table > tfoot > tr:hover > .active, .table > thead > .active:hover > td, .table > tbody > .active:hover > td, .table > tfoot > .active:hover > td, .table > thead > .active:hover > th, .table > tbody > .active:hover > th, .table > tfoot > .active:hover > th {
    background-color: #ecf0f1 !important;
    color: #394264 !important
}

@media (max-width: 767px) {
    .table-responsive {
        border: 1px solid #E0E4E8
    }

    .table-responsive.table-responsive-datatables {
        border: 0
    }
}

.panel > .table-bordered > thead > tr > th, .panel > .table-responsive > .table-bordered > thead > tr > th, .panel > .table-bordered > thead > tr > td, .panel > .table-responsive > .table-bordered > thead > tr > td {
    border-bottom: 2px solid #E0E4E8 !important
}

.panel > .table-bordered:not(:last-child), .panel > .table-responsive:not(:last-child) > .table-bordered {
    border-bottom: 1px solid #E0E4E8
}

.panel > .table:last-child, .panel > .table-responsive:last-child {
    margin-bottom: 0 !important
}

.panel {
    position: relative;
    border-bottom-width: 2px
}

.panel-group {
    margin-bottom: 20px
}

body.expand-panel {
    overflow: hidden
}

.panel.panel-collapsed > .panel-body, .panel.panel-collapsed > .table, .panel.panel-collapsed > .list-group, .panel.panel-collapsed > .panel-collapse-element {
    display: none
}

.panel.panel-expand {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding-top: 38px;
    border: 0;
    overflow: auto;
    border-radius: 0;
    z-index: 1050
}

.panel.panel-expand > .panel-heading {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    z-index: 1050;
    box-shadow: rgba(0, 0, 0, .05) 0 2px 4px
}

.panel.panel-expand > .panel-body, .panel.panel-expand > .table, .panel.panel-expand > .list-group, .panel.panel-expand > .panel-helper-block {
    width: 100%
}

.panel.panel-expand > .panel-footer {
}

.panel .show-on-expand {
    display: none
}

.panel.panel-expand .hide-on-expand {
    display: none
}

.panel.panel-expand .show-on-expand {
    display: block
}

.panel .panel-heading {
    position: relative
}

.panel-title > .fa, .panel-title > .icon {
    cursor: pointer;
    margin-right: 8px
}

.panel-title a:hover:not(.btn) {
    color: inherit
}

.panel > .panel-heading > .nav {
    position: absolute;
    top: 0;
    right: 0
}

.panel > .panel-heading > .nav-tabs {
    border-bottom: 0
}

.panel-heading > .nav-tabs > li > a {
    margin-right: 0;
    border-radius: 0;
    border-style: solid;
    border-width: 0 1px;
    border-right-color: rgba(255, 255, 255, .1);
    border-left-color: rgba(0, 0, 0, .1);
    font-size: 13px;
    color: inherit
}

.panel-default > .panel-heading > .nav-tabs > li > a {
    border-right: 1px solid #f8f8f8;
    border-left: 1px solid #E0E4E8
}

.panel-heading > .nav-tabs > li:last-child > a {
    border-top-right-radius: 4px
}

.panel-heading > .nav-tabs > li.dropdown.open > a, .panel-heading > .nav-tabs > li > a:hover {
    border-right-color: transparent;
    border-left-color: rgba(0, 0, 0, .1);
    background-color: rgba(0, 0, 0, .05);
    color: inherit
}

.panel-default > .panel-heading > .nav-tabs > li.dropdown.open > a, .panel-default > .panel-heading > .nav-tabs > li > a:hover {
    border-right-color: transparent;
    border-left: 1px solid #E0E4E8
}

.panel-heading > .nav-tabs > li.active > a, .panel-heading > .nav-tabs > li.active > a:hover, .panel-heading > .nav-tabs > li.active > a:focus {
    border-style: solid;
    border-width: 0 1px;
    border-right-color: transparent;
    border-left-color: rgba(0, 0, 0, .1);
    background-color: rgba(0, 0, 0, .05);
    color: inherit
}

.panel-default > .panel-heading > .nav-tabs > li.active > a, .panel-default > .panel-heading > .nav-tabs > li.active > a:hover, .panel-default > .panel-heading > .nav-tabs > li.active > a:focus {
    border-right-color: transparent;
    border-left: 1px solid #E0E4E8
}

.panel > .panel-heading > .panel-actions {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    height: 37px;
    vertical-align: middle
}

.panel-actions > .btn-collapse > .fa, .panel-actions > .btn-collapse > .glyphicon {
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.panel-actions > .btn-collapse.btn-collapsed > .fa, .panel-actions > .btn-collapse.btn-collapsed > .glyphicon {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.panel-actions:after {
    clear: both;
    display: table;
    content: ''
}

.panel-actions > .btn-group {
    margin: 0;
    padding: 0;
    float: left;
    border-right-color: rgba(255, 255, 255, .1);
    border-left-color: rgba(0, 0, 0, .1)
}

.panel-actions .btn-group.open .btn-panel {
    box-shadow: none !important
}

.panel-actions .btn-panel {
    margin: 0;
    float: left;
    display: block;
    padding: 0 15px;
    line-height: 37px;
    font-size: 12px;
    text-decoration: none;
    font-weight: 300;
    color: inherit;
    text-align: center;
    background: 0 0;
    border: 0;
    outline: 0;
    border-right: 1px solid #f8f8f8;
    border-left: 1px solid #E0E4E8
}

.panel-actions > .btn-panel:last-child {
    border-right-color: transparent
}

.panel-actions > .btn-group:first-child > .btn-panel {
    border-right-color: transparent;
    border-top-right-radius: 4px
}

.panel-actions .btn-panel.active, .panel-actions .btn-panel.open, .panel-actions .btn-panel:hover, .panel-actions .btn-panel:active, .panel-actions .btn-panel:focus {
    background-color: rgba(0, 0, 0, .05);
    border-right-color: transparent;
    text-decoration: none
}

.panel .panel-actions-fly {
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 9
}

.panel-actions-fly > .btn-panel {
    background: 0 0;
    box-shadow: none;
    outline: 0;
    border: 0;
    color: rgba(0, 0, 0, .5) !important;
    font-size: 11px;
    text-decoration: none
}

.panel-actions-fly > .btn-panel:hover, .panel-actions-fly > .btn-panel:active, .panel-actions-fly > .btn-panel:focus, .panel-actions-fly > .btn-panel.active, .panel-actions-fly > .btn-panel.open {
    color: rgba(255, 255, 255, .5) !important;
    text-decoration: none
}

.panel-heading > .btn-group {
    float: right;
    margin: -10px 0 0;
    padding: 0 10px;
    height: 38px;
    border-right: 1px solid #f8f8f8;
    border-left: 1px solid #E0E4E8;
    font-size: 12px
}

.panel-heading > .btn-group:first-child {
    margin-right: -15px;
    border-right-color: transparent;
    border-top-right-radius: 4px
}

.panel-heading > .btn-group > .btn-xs:not(.btn-panel) {
    margin: 0;
    margin-top: 8px
}

.panel-heading > .btn-group > .btn-sm:not(.btn-panel) {
    margin: 0;
    margin-top: 4px
}

.panel-primary .btn-panel, .panel-success .btn-panel, .panel-warning .btn-panel, .panel-danger .btn-panel, .panel-info .btn-panel {
    border-right-color: rgba(255, 255, 255, .1);
    border-left-color: rgba(0, 0, 0, .1)
}

.panel.panel-default {
    border-color: #E0E4E8
}

.panel-default > .panel-heading, .panel-default > .panel-footer {
    color: #394264;
    background-color: #ecf0f1
}

.panel-default > .panel-heading {
    border-color: #E0E4E8
}

.panel-default > .panel-footer {
    border-color: #f8f8f8
}

.panel.panel-primary {
    border-color: rgba(19, 168, 158, .8)
}

.panel-primary > .panel-heading, .panel-primary > .panel-footer {
    color: #ecf0f1;
    background-color: #13A89E
}

.panel.panel-success {
    border-color: rgba(91, 183, 91, .8)
}

.panel-success > .panel-heading, .panel-success > .panel-footer {
    color: #ecf0f1;
    background-color: #5BB75B
}

.panel.panel-info {
    border-color: rgba(73, 175, 205, .8)
}

.panel-info > .panel-heading, .panel-info > .panel-footer {
    color: #ecf0f1;
    background-color: #49AFCD
}

.panel.panel-warning {
    border-color: rgba(250, 167, 50, .8)
}

.panel-warning > .panel-heading, .panel-warning > .panel-footer {
    color: #ecf0f1;
    background-color: #FAA732
}

.panel.panel-danger {
    border-color: rgba(218, 79, 73, .8)
}

.panel-danger > .panel-heading, .panel-danger > .panel-footer {
    color: #ecf0f1;
    background-color: #DA4F49
}

.panel-primary > .panel-heading, .panel-success > .panel-heading, .panel-info > .panel-heading, .panel-warning > .panel-heading, .panel-danger > .panel-heading {
    border-color: rgba(0, 0, 0, .1)
}

.panel-primary > .panel-footer, .panel-success > .panel-footer, .panel-info > .panel-footer, .panel-warning > .panel-footer, .panel-danger > .panel-footer {
    border-color: rgba(255, 255, 255, .1)
}

.panel > .panel-loader {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(35, 35, 50, .25);
    z-index: 1020
}

.panel-loader .loader-container {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.panel > .panel-helper-block {
    position: relative;
    padding: 10px 15px;
    border-bottom: 1px solid #E0E4E8
}

.panel > .no-padding {
    margin-bottom: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.panel-body .no-padding {
    border-right: 0;
    border-left: 0;
    margin-right: -15px;
    margin-left: -15px;
    border-radius: 0
}

.panel-body .no-padding:first-child {
    margin-top: -15px;
    margin-bottom: 15px
}

.panel-body .no-padding:last-child {
    margin-bottom: -15px;
    border-bottom: 0 none !important
}

.box {
    position: relative;
    margin-bottom: 15px;
    padding: 15px;
    border: 1px solid #E0E4E8;
    background-image: none;
    border-radius: 4px
}

.well {
    border: 1px solid #E0E4E8;
    background-color: #ecf0f1;
    background-image: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .05) !important
}

.pln {
    color: #394264
}

pre.prettyprint {
    border: 1px solid #E0E4E8 !important;
    padding: 10px 15px !important
}

.panel > .prettyprint, pre.prettyprint.no-padding {
    border-right: 0 !important;
    border-left: 0 !important
}

ol.linenums {
    margin-top: 0;
    margin-bottom: 0
}

li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
    list-style-type: none
}

li.L1, li.L3, li.L5, li.L7, li.L9 {
    background: #fff
}

@media screen {
    .com {
        color: #800
    }

    .lit {
        color: #066
    }

    .pun, .opn, .clo {
        color: #660
    }

    .fun {
        color: red
    }

    .str, .atv {
        color: #080
    }

    .kwd, .tag {
        color: #008
    }

    .typ, .atn, .dec, .var {
        color: #606
    }
}

@media print, projection {
    .com {
        color: #600;
        font-style: italic
    }

    .typ {
        color: #404;
        font-weight: 700
    }

    .lit {
        color: #044
    }

    .pun, .opn, .clo {
        color: #440
    }

    .atn {
        color: #404
    }

    .str, .atv {
        color: #060
    }

    .kwd, .tag {
        color: #006;
        font-weight: 700
    }
}

.sparkline {
    vertical-align: middle
}

.jqstooltip {
    background-color: #394264 !important;
    border-radius: 3px !important;
    padding: 10px;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.masonry {
    position: relative;
    margin-right: -23px;
    margin-left: -22px
}

.masonry .masonry-item {
    border-width: 0 8px 15px 7px;
    border-style: solid;
    border-color: #fff
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pace-inactive {
    display: none
}

.pace .pace-progress {
    background: #13A89E;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    height: 2px;
    -webkit-transition: width 1s;
    transition: width 1s
}

.pace .pace-progress-inner {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #13A89E, 0 0 5px #13A89E;
    opacity: 1;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px)
}

.pace .pace-activity {
    display: block;
    position: fixed;
    z-index: 9999;
    top: 15px;
    right: 15px;
    width: 14px;
    height: 14px;
    border: solid 2px transparent;
    border-top-color: #13A89E;
    border-left-color: #13A89E;
    border-radius: 10px;
    -webkit-animation: pace-spinner 400ms linear infinite;
    -ms-animation: pace-spinner 400ms linear infinite;
    animation: pace-spinner 400ms linear infinite
}

@-webkit-keyframes pace-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-ms-keyframes pace-spinner {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes pace-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.twitter-typeahead {
    width: 100%
}

.twitter-typeahead .tt-hint {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.428571429;
    color: #bdc3c7;
    border: 0;
    border-radius: 3px
}

.twitter-typeahead .hint-small {
    height: 30px;
    padding: 5px 10px;
    font-size: 11px;
    border-radius: 3px;
    line-height: 1.5
}

.twitter-typeahead .hint-large {
    height: 45px;
    padding: 10px 16px;
    font-size: 16px;
    line-height: 1.33;
    border-radius: 4px
}

.input-group.input-group-in > .twitter-typeahead .tt-hint {
    padding-right: 0;
    padding-left: 0
}

.input-group.input-group-in > .twitter-typeahead:first-child .tt-hint {
    padding-right: 0;
    padding-left: 12px
}

.input-group.input-group-in > .twitter-typeahead:last-child .tt-hint {
    padding-right: 12px;
    padding-left: 0
}

.twitter-typeahead .tt-dropdown-menu {
    width: 100%;
    margin: 2px 0 0;
    padding: 7px 5px;
    background-color: #fff;
    border: 1px solid #E0E4E8;
    border-radius: 3px;
    font-size: 13px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1)
}

.input-group.input-group-in > .twitter-typeahead:not(:first-child) .tt-dropdown-menu {
    margin-left: -12px
}

.tt-dropdown-menu .dataset-heading {
    margin: 15px 0 0;
    padding: 0 7px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #95a5a6;
    text-transform: uppercase
}

.tt-dropdown-menu .dataset-heading + div {
    font-size: 12px
}

.tt-dropdown-menu > div[class*=tt-dataset-]:first-child .dataset-heading {
    margin-top: 0
}

.tt-dropdown-menu .tt-suggestion {
    padding: 3px 7px;
    line-height: 1.428571429;
    color: #394264;
    border-radius: 3px
}

.tt-dropdown-menu .tt-suggestion.tt-is-under-cursor, .tt-dropdown-menu .tt-suggestion.tt-is-under-cursor p {
    color: #ecf0f1 !important;
    background-color: #13A89E
}

.tt-dropdown-menu .tt-suggestion p {
    margin: 0
}

div.tagsinput {
    border: 1px solid #E0E4E8;
    background: #fff;
    width: 100%;
    min-height: 34px;
    height: auto;
    overflow-y: auto;
    padding: 5px 5px 0;
    border-radius: 3px;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -ms-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

div.tagsinput.focus {
    border-color: #13A89E;
    box-shadow: rgba(0, 0, 0, .05) 0 1px 1px
}

div.tagsinput span.tag {
    display: block;
    float: left;
    text-decoration: none;
    background: #13A89E;
    color: #ecf0f1;
    margin-right: 5px;
    margin-bottom: 5px;
    font-family: 'Open sans', helvetica;
    font-size: 12px;
    padding: 2px 5px;
    border-radius: 3px
}

div.tagsinput span.tag a {
    font-weight: 700;
    color: #ecf0f1;
    text-decoration: none;
    font-size: 12px
}

div.tagsinput input {
    width: 80px;
    font-family: 'Open sans', helvetica;
    font-size: 12px;
    border: 1px solid transparent;
    background: transparent;
    color: #394264;
    outline: 0;
    margin: 0 5px 5px 0;
    padding: 1px 0
}

div.tagsinput div {
    display: block;
    float: left
}

.tags_clear {
    clear: both;
    width: 100%;
    height: 0
}

.not_valid {
    background-color: #FDF7F7 !important;
    color: #B94A48 !important
}

.ms-container {
    background: transparent url(../images/a4d7e44b.switch.png) no-repeat 170px 80px
}

.ms-container:after {
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    clear: both;
    min-height: 0;
    visibility: hidden
}

.ms-container .ms-selectable, .ms-container .ms-selection {
    background-color: #fff;
    color: #394264;
    float: left
}

.ms-container .ms-list {
    border: 1px solid #E0E4E8;
    border-radius: 3px;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -ms-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.ms-selected {
    display: none
}

.ms-container .ms-selectable {
    margin-right: 40px;
    margin-bottom: 15px
}

.ms-container .ms-list.ms-focus {
    border-color: #13A89E;
    outline: 0;
    outline: thin dotted \9;
    box-shadow: rgba(0, 0, 0, .05) 0 1px 1px
}

.ms-container ul {
    margin: 0;
    list-style-type: none;
    padding: 0
}

.ms-container .ms-optgroup-container {
    width: 100%
}

.ms-container ul.ms-list {
    width: 160px;
    height: 200px;
    max-height: 200px;
    padding: 0;
    overflow-y: auto
}

.ms-container ul.ms-list::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 6px
}

.ms-container ul.ms-list::-webkit-scrollbar {
    width: 6px
}

.ms-container ul.ms-list::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: rgba(0, 0, 0, .1);
    opacity: .6
}

.ms-container .ms-optgroup-label {
    margin: 0;
    padding: 5px 0 0 5px;
    cursor: pointer;
    color: #95a5a6
}

.ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection {
    border-bottom: 1px #E0E4E8 solid;
    padding: 5px 10px;
    color: #394264;
    font-size: 13px;
    -webkit-transition: all .1s ease;
    -ms-transition: all .1s ease;
    transition: all .1s ease
}

.ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover {
    cursor: pointer;
    color: #13A89E;
    text-decoration: none;
    background-color: #ecf0f1
}

.ms-container .ms-selectable li.disabled, .ms-container .ms-selection li.disabled {
    background-color: #ecf0f1;
    color: #95a5a6;
    cursor: text
}

.select2-container {
    position: relative;
    margin: 0;
    min-width: 220px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle
}

.select2-container, .select2-drop, .select2-search, .select2-search input {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.select2-container .select2-choice {
    display: block;
    height: 34px;
    padding: 6px 12px;
    overflow: hidden;
    position: relative;
    border: 1px solid #E0E4E8;
    white-space: nowrap;
    font-size: 13px;
    color: #394264;
    text-decoration: none;
    border-radius: 3px;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #E0E4E8;
    border-radius: 0 0 3px 3px
}

.select2-container .select2-choice > .select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 34px;
    padding: 0 12px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #E0E4E8;
    border-radius: 0 3px 3px 0;
    background-clip: padding-box;
    background-color: #fff
}

.select2-container.select2-dropdown-open .select2-choice .select2-arrow {
    background-color: #ecf0f1
}

.select2-container .select2-choice .select2-arrow b:before {
    font-family: FontAwesome;
    content: '\f107';
    color: #95a5a6;
    display: block;
    width: 100%;
    height: 100%;
    padding: 8px 0;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.select2-container.select2-dropdown-open .select2-choice .select2-arrow b:before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.select2-search-choice-close {
    position: absolute;
    right: 3px;
    top: 2px;
    width: 12px;
    height: 13px;
    display: block;
    outline: 0;
    color: #95a5a6
}

.select2-search-choice-close:before {
    font-family: FontAwesome;
    content: '\f00d';
    font-size: 12px
}

.select2-container-multi .select2-search-choice-close {
    top: 3px;
    left: 3px
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
    color: #95a5a6;
    text-decoration: none
}

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    color: #95a5a6
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 52px
}

.select2-container .select2-choice abbr {
    display: none;
    right: 38px;
    top: 6px;
    color: #95a5a6
}

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block
}

.select2-container .select2-choice abbr:hover {
    cursor: pointer
}

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    background-color: #fff;
    -webkit-filter: alpha(opacity=0);
    filter: alpha(opacity=0)
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;
    background: #fff;
    color: #394264;
    border: 1px solid #E0E4E8;
    border-top: 0;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1)
}

.select2-drop-auto-width {
    padding: 15px 10px
}

.select2-drop-auto-width .select2-search {
    padding: 6px 12px;
    background-color: #fff;
    color: #394264
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #E0E4E8;
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
    box-shadow: 0 -3px 6px rgba(0, 0, 0, .1)
}

.select2-drop-active {
    border: 1px solid #13A89E;
    border-top: 0
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #13A89E
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 34px;
    margin: 0;
    padding: 15px 10px;
    position: relative;
    z-index: 10000;
    white-space: nowrap
}

.select2-search:after {
    position: absolute;
    top: 21px;
    right: 22px;
    color: #95a5a6;
    font-family: FontAwesome;
    content: '\f002';
    z-index: 2
}

.select2-drop.select2-drop-above .select2-search {
    padding-top: 9px
}

.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 34px;
    margin: 0;
    outline: 0;
    padding: 6px 34px 6px 12px;
    background-color: #ecf0f1;
    color: #394264;
    border: 0;
    border-radius: 3px;
    box-shadow: none
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px
}

.select2-search input.select2-active {
    background: #ecf0f1 url(../images/08f8695d.select2-spinner.gif) no-repeat 100%
}

.select2-container-active .select2-choice, .select2-container-active .select2-choices {
    border: 1px solid #13A89E;
    outline: 0;
    box-shadow: rgba(0, 0, 0, .05) 0 1px 1px
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    background-color: #ecf0f1;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #13A89E;
    border-top-color: transparent;
    background-color: #ecf0f1
}

.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: -3px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.select2-drop-multi .select2-results {
    margin-top: 0
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0
}

.select2-results ul.select2-result-sub > li .select2-result-label {
    padding-left: 20px
}

.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
    padding-left: 40px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
    padding-left: 60px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
    padding-left: 80px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
    padding-left: 100px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
    padding-left: 110px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
    padding-left: 120px
}

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none;
    font-size: 13px
}

.select2-results li.select2-result-with-children > .select2-result-label {
    font-weight: 700
}

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;
    min-height: 1em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.select2-results .select2-highlighted {
    background-color: #13A89E;
    color: #ecf0f1
}

.select2-results li em {
    background-color: #feffde;
    font-style: normal
}

.select2-results .select2-highlighted em {
    background: transparent
}

.select2-results .select2-highlighted ul {
    background-color: #fff;
    color: #394264
}

.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit {
    background-color: #ecf0f1;
    display: list-item
}

.select2-results .select2-disabled.select2-highlighted {
    color: #95a5a6;
    background-color: #ecf0f1;
    display: list-item;
    cursor: default
}

.select2-results .select2-disabled {
    background: #ecf0f1;
    display: list-item;
    cursor: default
}

.select2-results .select2-selected {
    display: none
}

.select2-more-results.select2-active {
    background: #ecf0f1 url(../images/08f8695d.select2-spinner.gif) no-repeat 100%
}

.select2-more-results {
    background: #ecf0f1;
    display: list-item
}

.select2-container.select2-container-disabled .select2-choice {
    background-color: #ecf0f1;
    background-image: none;
    border: 1px solid #E0E4E8;
    cursor: default
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #ecf0f1;
    background-image: none;
    border-left: 0
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none
}

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0;
    position: relative;
    border: 1px solid #E0E4E8;
    cursor: text;
    overflow: hidden;
    background-color: #fff !important;
    border-radius: 3px
}

.select2-container-multi.select2-dropdown-open.select2-container-active:not(.select2-drop-above) .select2-choices {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom: 0
}

.select2-container-multi.select2-dropdown-open.select2-drop-above.select2-container-active .select2-choices {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-top: 0
}

.select2-locked {
    padding: 3px 5px !important
}

.select2-container-multi .select2-choices {
    min-height: 34px
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #13A89E;
    outline: 0;
    box-shadow: rgba(0, 0, 0, .05) 0 1px 1px
}

.select2-container-multi .select2-choices li {
    float: left;
    list-style: none
}

.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px 12px;
    margin: 1px 0;
    font-size: 100%;
    color: #394264;
    outline: 0;
    border: 0;
    box-shadow: none;
    background: transparent !important
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url(../images/08f8695d.select2-spinner.gif) no-repeat 100% !important
}

.select2-default {
    color: #95a5a6 !important
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 5px 0 3px 5px;
    position: relative;
    line-height: 13px;
    background-color: #ecf0f1;
    color: #394264;
    cursor: default;
    border: 1px solid #E0E4E8;
    border-radius: 3px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.select2-container-multi .select2-choices .select2-search-choice:first-child {
    margin-left: 7px
}

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
    background-color: #13A89E;
    color: #ecf0f1;
    border-color: #13A89E
}

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    color: #ecf0f1
}

.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #ecf0f1 !important;
    background-image: none;
    border: 1px solid #E0E4E8;
    cursor: default
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px;
    border: 1px solid #E0E4E8;
    background-image: none;
    background-color: #ecf0f1
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
    display: none;
    background: 0 0
}

.select2-result-selectable .select2-match, .select2-result-unselectable .select2-match {
    text-decoration: underline
}

.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0 !important;
    top: 0 !important
}

.select2-display-none {
    display: none
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll
}

.selectboxit-container {
    position: relative;
    display: block;
    vertical-align: top
}

.selectboxit-container * {
    font: 13px 'open sans', Helvetica, Arial;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    outline: 0;
    white-space: nowrap
}

.selectboxit-container .selectboxit {
    width: 100% !important;
    cursor: pointer;
    margin: 0;
    height: 34px;
    padding: 6px 12px;
    border-radius: 3px;
    overflow: hidden;
    display: block;
    position: relative
}

.selectboxit.selectboxit-open:not(.selectboxit-above) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom: 0 !important
}

.selectboxit.selectboxit-open.selectboxit-above {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-top: 0 !important
}

.selectboxit-container span, .selectboxit-container .selectboxit-options a {
    display: block
}

.selectboxit-container .selectboxit:focus {
    outline: 0
}

.selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled {
    opacity: .65;
    -webkit-filter: alpha(opacity=65);
    filter: alpha(opacity=65);
    box-shadow: none;
    cursor: default
}

.selectboxit-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    max-width: 100% !important
}

.selectboxit .selectboxit-option-icon-container {
    margin-left: 5px
}

.selectboxit-container .selectboxit-options {
    width: 100% !important;
    max-height: 300px !important;
    margin: 0;
    padding: 4px;
    list-style: none;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    cursor: pointer;
    display: none;
    z-index: 9998;
    text-align: left;
    border-radius: 3px;
    box-shadow: none
}

.selectboxit-container .selectboxit-options:not(.selectboxit-above) {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.selectboxit-container .selectboxit-options.selectboxit-above {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.selectboxit-option .selectboxit-option-anchor {
    padding: 3px 10px
}

.selectboxit-option .selectboxit-option-anchor:hover {
    text-decoration: none
}

.selectboxit-option, .selectboxit-optgroup-header {
    position: relative;
    text-indent: 5px;
    margin: 0;
    list-style-type: none
}

.selectboxit-option-first {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.selectboxit-optgroup-header + .selectboxit-option-first {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.selectboxit-option-last {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.selectboxit-optgroup-header {
    font-weight: 700
}

.selectboxit-optgroup-header:hover {
    cursor: default
}

.selectboxit-arrow-container {
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid #E0E4E8
}

.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
    margin: 0 auto;
    position: absolute;
    top: 8px;
    right: 10px;
    left: 0
}

.selectboxit .selectboxit-arrow-container .selectboxit-arrow.fa, .selectboxit .selectboxit-arrow-container .selectboxit-arrow.glyphicon {
    display: inline-block;
    font-family: FontAwesome;
    left: 11px;
    top: 9px;
    color: #95a5a6 !important
}

.selectboxit .selectboxit-arrow-container .selectboxit-arrow.glyphicon {
    font-family: 'Glyphicons Halflings';
    font-size: 12px
}

.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
    top: 30%
}

.selectboxit-option-icon-container {
    float: left
}

.selectboxit-container .selectboxit-option-icon {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 42px;
    width: 20px;
    text-align: center
}

.selectboxit-option-icon.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-size: 16px;
    background-image: none !important
}

.selectboxit-option-icon.glyphicon {
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-size: 16px;
    background-image: none !important;
    margin-top: 2px
}

.selectboxit-option-icon.selectboxit-default-icon.glyphicon {
    margin-top: 6px
}

.selectboxit-option-icon-url {
    position: absolute;
    top: 0;
    right: 42px;
    width: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    height: 100%;
    background-position: center;
    float: left
}

.selectboxit-rendering {
    display: inline-block !important;
    *display: inline !important;
    zoom: 1 !important;
    visibility: visible !important;
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important
}

.jqueryui .ui-icon {
    background-color: inherit
}

.jqueryui .ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.selectboxit-btn {
    background-color: #fff;
    border: 1px solid #E0E4E8
}

.selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:active {
    color: #394264;
    border-color: #13A89E;
    box-shadow: rgba(0, 0, 0, .05) 0 1px 1px
}

.selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus {
    text-decoration: none
}

.selectboxit-default-arrow {
    width: 0
}

.selectboxit-default-arrow:before {
    display: inline-block;
    font-family: FontAwesome;
    content: "\f107";
    color: #95a5a6;
    font-weight: 700;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.selectboxit-btn.selectboxit-focus.selectboxit-open .selectboxit-default-arrow:before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.selectboxit-list {
    background-color: #fff;
    border: 1px solid #13A89E;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1)
}

.selectboxit-list .selectboxit-option-anchor {
    font-size: 13px;
    color: #394264
}

.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
    color: #fff;
    background-color: #13A89E
}

.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {
    color: #95a5a6
}

/*!
/* Stylesheet for the Date Range Picker, for use with Bootstrap 3.x
 *
 * Copyright 2013 Dan Grossman ( http://www.dangrossman.info )
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Built for http://www.improvely.com
 */
.daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3000
}

.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
    float: left;
    margin: 4px
}

.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar {
    float: right;
    margin: 4px
}

.daterangepicker .ranges {
    width: 160px;
    text-align: left
}

.daterangepicker .ranges .range_inputs > div {
    float: left
}

.daterangepicker .ranges .range_inputs > div:nth-child(2) {
    padding-left: 11px
}

.daterangepicker .calendar {
    display: none;
    max-width: 270px
}

.daterangepicker .calendar.single .calendar-date {
    border: 0
}

.daterangepicker .calendar th, .daterangepicker .calendar td {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    white-space: nowrap;
    text-align: center;
    min-width: 32px;
    font-size: 13px;
    color: #394264
}

.daterangepicker .ranges label {
    color: #394264;
    display: block;
    font-size: 11px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    margin-bottom: 2px;
    text-shadow: #fff 1px 1px 0;
    text-transform: uppercase;
    width: 74px
}

.daterangepicker .ranges input {
    font-size: 11px
}

.daterangepicker .ranges .input-mini {
    background-color: #ecf0f1;
    border: 1px solid #E0E4E8;
    border-radius: 4px;
    color: #95a5a6;
    display: block;
    font-size: 11px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    margin: 0 0 10px;
    padding: 0 6px;
    width: 74px
}

.daterangepicker .ranges ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.daterangepicker .ranges li {
    font-size: 13px;
    background: #ecf0f1;
    border: 1px solid #ecf0f1;
    color: #13A89E;
    padding: 3px 12px;
    margin-bottom: 8px;
    border-radius: 3px;
    cursor: pointer
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
    background: #13A89E;
    border: 1px solid #13A89E;
    color: #ecf0f1
}

.daterangepicker .calendar-date {
    border: 1px solid #E0E4E8;
    padding: 4px;
    border-radius: 3px;
    background: #fff
}

.daterangepicker .calendar-time {
    text-align: center;
    margin: 8px auto 0;
    line-height: 30px
}

.daterangepicker {
    position: absolute;
    background: #fff;
    top: 100px;
    left: 20px;
    padding: 4px;
    margin-top: 1px;
    border-radius: 3px
}

.daterangepicker.opensleft:before {
    position: absolute;
    top: -7px;
    right: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #E0E4E8;
    border-left: 7px solid transparent;
    content: ''
}

.daterangepicker.opensleft:after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: ''
}

.daterangepicker.opensright:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #E0E4E8;
    border-left: 7px solid transparent;
    content: ''
}

.daterangepicker.opensright:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: ''
}

.daterangepicker table {
    width: 100%;
    margin: 0
}

.daterangepicker td, .daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    cursor: pointer;
    white-space: nowrap
}

.daterangepicker td.off {
    color: #95a5a6
}

.daterangepicker td.disabled {
    color: #95a5a6
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background: #ecf0f1
}

.daterangepicker td.in-range, .daterangepicker td.in-range:hover {
    background: #F4F8FA;
    color: #3c763d;
    border-radius: 0
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #13A89E;
    border-color: #13A89E;
    color: #fff
}

.daterangepicker td.week, .daterangepicker th.week {
    font-size: 80%;
    color: #95a5a6
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%
}

.daterangepicker select.yearselect {
    width: 40%
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect {
    width: 50px;
    margin-bottom: 0
}

.daterangepicker_start_input {
    float: left
}

.daterangepicker_end_input {
    float: left;
    padding-left: 11px
}

.daterangepicker th.month {
    width: auto
}

/*!
/* Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
    padding: 3px;
    border-radius: 3px;
    direction: ltr
}

.datepicker-inline {
    border: 1px solid #E0E4E8;
    width: 220px;
    border-radius: 4px
}

.datepicker.datepicker-rtl {
    direction: rtl
}

.datepicker.datepicker-rtl table tr td span {
    float: right
}

.datepicker-dropdown {
    top: 0;
    left: 0
}

.datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #E0E4E8;
    border-top: 0;
    position: absolute
}

.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-top: 0;
    position: absolute
}

.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px
}

.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px
}

.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px
}

.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px
}

.datepicker-dropdown.datepicker-orient-top:before {
    top: -7px
}

.datepicker-dropdown.datepicker-orient-top:after {
    top: -6px
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #E0E4E8
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #fff
}

.datepicker > div {
    display: none
}

.datepicker.days div.datepicker-days {
    display: block
}

.datepicker.months div.datepicker-months {
    display: block
}

.datepicker.years div.datepicker-years {
    display: block
}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.datepicker table tr td, .datepicker table tr th {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    border: 0
}

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
    background: #ecf0f1;
    cursor: pointer
}

.datepicker table tr td.old, .datepicker table tr td.new {
    color: #95a5a6
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: 0 0;
    color: #95a5a6;
    cursor: default
}

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    color: #ecf0f1;
    background-color: #13A89E;
    border-color: #13A89E
}

.datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:focus, .datepicker table tr td.today:hover:focus, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.today, .open .dropdown-toggle.datepicker table tr td.today:hover, .open .dropdown-toggle.datepicker table tr td.today.disabled, .open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
    color: #ecf0f1;
    background-color: #13A89E;
    border-color: #13A89E
}

.datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.today, .open .dropdown-toggle.datepicker table tr td.today:hover, .open .dropdown-toggle.datepicker table tr td.today.disabled, .open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
    background-image: none
}

.datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.today, fieldset[disabled] .datepicker table tr td.today:hover, fieldset[disabled] .datepicker table tr td.today.disabled, fieldset[disabled] .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover.disabled:hover, .datepicker table tr td.today.disabled.disabled:hover, .datepicker table tr td.today.disabled:hover.disabled:hover, .datepicker table tr td.today[disabled]:hover, .datepicker table tr td.today:hover[disabled]:hover, .datepicker table tr td.today.disabled[disabled]:hover, .datepicker table tr td.today.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.today:hover, fieldset[disabled] .datepicker table tr td.today:hover:hover, fieldset[disabled] .datepicker table tr td.today.disabled:hover, fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today:hover.disabled:focus, .datepicker table tr td.today.disabled.disabled:focus, .datepicker table tr td.today.disabled:hover.disabled:focus, .datepicker table tr td.today[disabled]:focus, .datepicker table tr td.today:hover[disabled]:focus, .datepicker table tr td.today.disabled[disabled]:focus, .datepicker table tr td.today.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.today:focus, fieldset[disabled] .datepicker table tr td.today:hover:focus, fieldset[disabled] .datepicker table tr td.today.disabled:focus, fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today:hover.disabled:active, .datepicker table tr td.today.disabled.disabled:active, .datepicker table tr td.today.disabled:hover.disabled:active, .datepicker table tr td.today[disabled]:active, .datepicker table tr td.today:hover[disabled]:active, .datepicker table tr td.today.disabled[disabled]:active, .datepicker table tr td.today.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.today:active, fieldset[disabled] .datepicker table tr td.today:hover:active, fieldset[disabled] .datepicker table tr td.today.disabled:active, fieldset[disabled] .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today:hover.disabled.active, .datepicker table tr td.today.disabled.disabled.active, .datepicker table tr td.today.disabled:hover.disabled.active, .datepicker table tr td.today[disabled].active, .datepicker table tr td.today:hover[disabled].active, .datepicker table tr td.today.disabled[disabled].active, .datepicker table tr td.today.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.today.active, fieldset[disabled] .datepicker table tr td.today:hover.active, fieldset[disabled] .datepicker table tr td.today.disabled.active, fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
    background-color: #ffdb99;
    border-color: #ffb733
}

.datepicker table tr td.today:hover:hover {
    color: #394264
}

.datepicker table tr td.today.active:hover {
    color: #ecf0f1
}

.datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover {
    background: #F4F8FA;
    color: #3c763d;
    border-radius: 0
}

.datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover {
    color: #ecf0f1;
    background-color: #13A89E;
    border-color: #13A89E;
    border-radius: 0
}

.datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today:hover:focus, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today.disabled:hover:focus, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.range.today, .open .dropdown-toggle.datepicker table tr td.range.today:hover, .open .dropdown-toggle.datepicker table tr td.range.today.disabled, .open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
    color: #ecf0f1;
    background-color: #13A89E;
    border-color: #13A89E
}

.datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.range.today, .open .dropdown-toggle.datepicker table tr td.range.today:hover, .open .dropdown-toggle.datepicker table tr td.range.today.disabled, .open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
    background-image: none
}

.datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.range.today, fieldset[disabled] .datepicker table tr td.range.today:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover.disabled:hover, .datepicker table tr td.range.today.disabled.disabled:hover, .datepicker table tr td.range.today.disabled:hover.disabled:hover, .datepicker table tr td.range.today[disabled]:hover, .datepicker table tr td.range.today:hover[disabled]:hover, .datepicker table tr td.range.today.disabled[disabled]:hover, .datepicker table tr td.range.today.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.today:hover, fieldset[disabled] .datepicker table tr td.range.today:hover:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today:hover.disabled:focus, .datepicker table tr td.range.today.disabled.disabled:focus, .datepicker table tr td.range.today.disabled:hover.disabled:focus, .datepicker table tr td.range.today[disabled]:focus, .datepicker table tr td.range.today:hover[disabled]:focus, .datepicker table tr td.range.today.disabled[disabled]:focus, .datepicker table tr td.range.today.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.range.today:focus, fieldset[disabled] .datepicker table tr td.range.today:hover:focus, fieldset[disabled] .datepicker table tr td.range.today.disabled:focus, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today:hover.disabled:active, .datepicker table tr td.range.today.disabled.disabled:active, .datepicker table tr td.range.today.disabled:hover.disabled:active, .datepicker table tr td.range.today[disabled]:active, .datepicker table tr td.range.today:hover[disabled]:active, .datepicker table tr td.range.today.disabled[disabled]:active, .datepicker table tr td.range.today.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.range.today:active, fieldset[disabled] .datepicker table tr td.range.today:hover:active, fieldset[disabled] .datepicker table tr td.range.today.disabled:active, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today:hover.disabled.active, .datepicker table tr td.range.today.disabled.disabled.active, .datepicker table tr td.range.today.disabled:hover.disabled.active, .datepicker table tr td.range.today[disabled].active, .datepicker table tr td.range.today:hover[disabled].active, .datepicker table tr td.range.today.disabled[disabled].active, .datepicker table tr td.range.today.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.range.today.active, fieldset[disabled] .datepicker table tr td.range.today:hover.active, fieldset[disabled] .datepicker table tr td.range.today.disabled.active, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
    background-color: #13A89E;
    border-color: #13A89E
}

.datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover {
    color: #fff;
    background-color: #999;
    border-color: #555;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:focus, .datepicker table tr td.selected:hover:focus, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.disabled:hover:focus, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.selected, .open .dropdown-toggle.datepicker table tr td.selected:hover, .open .dropdown-toggle.datepicker table tr td.selected.disabled, .open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
    color: #fff;
    background-color: #858585;
    border-color: #373737
}

.datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.selected, .open .dropdown-toggle.datepicker table tr td.selected:hover, .open .dropdown-toggle.datepicker table tr td.selected.disabled, .open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
    background-image: none
}

.datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.selected, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected.disabled, fieldset[disabled] .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover.disabled:hover, .datepicker table tr td.selected.disabled.disabled:hover, .datepicker table tr td.selected.disabled:hover.disabled:hover, .datepicker table tr td.selected[disabled]:hover, .datepicker table tr td.selected:hover[disabled]:hover, .datepicker table tr td.selected.disabled[disabled]:hover, .datepicker table tr td.selected.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected:hover:hover, fieldset[disabled] .datepicker table tr td.selected.disabled:hover, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected:hover.disabled:focus, .datepicker table tr td.selected.disabled.disabled:focus, .datepicker table tr td.selected.disabled:hover.disabled:focus, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected:hover[disabled]:focus, .datepicker table tr td.selected.disabled[disabled]:focus, .datepicker table tr td.selected.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected:hover:focus, fieldset[disabled] .datepicker table tr td.selected.disabled:focus, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected:hover.disabled:active, .datepicker table tr td.selected.disabled.disabled:active, .datepicker table tr td.selected.disabled:hover.disabled:active, .datepicker table tr td.selected[disabled]:active, .datepicker table tr td.selected:hover[disabled]:active, .datepicker table tr td.selected.disabled[disabled]:active, .datepicker table tr td.selected.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.selected:active, fieldset[disabled] .datepicker table tr td.selected:hover:active, fieldset[disabled] .datepicker table tr td.selected.disabled:active, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected:hover.disabled.active, .datepicker table tr td.selected.disabled.disabled.active, .datepicker table tr td.selected.disabled:hover.disabled.active, .datepicker table tr td.selected[disabled].active, .datepicker table tr td.selected:hover[disabled].active, .datepicker table tr td.selected.disabled[disabled].active, .datepicker table tr td.selected.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.selected.active, fieldset[disabled] .datepicker table tr td.selected:hover.active, fieldset[disabled] .datepicker table tr td.selected.disabled.active, fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
    background-color: #999;
    border-color: #555
}

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
    color: #ecf0f1;
    background-color: #13A89E;
    border-color: #13A89E;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
    color: #ecf0f1;
    background-color: #13A89E;
    border-color: #13A89E
}

.datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
    background-image: none
}

.datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.active, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active.disabled, fieldset[disabled] .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover.disabled:hover, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active.disabled:hover.disabled:hover, .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active:hover[disabled]:hover, .datepicker table tr td.active.disabled[disabled]:hover, .datepicker table tr td.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active:hover:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active:hover.disabled:focus, .datepicker table tr td.active.disabled.disabled:focus, .datepicker table tr td.active.disabled:hover.disabled:focus, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active:hover[disabled]:focus, .datepicker table tr td.active.disabled[disabled]:focus, .datepicker table tr td.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active:hover:focus, fieldset[disabled] .datepicker table tr td.active.disabled:focus, fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active:hover.disabled:active, .datepicker table tr td.active.disabled.disabled:active, .datepicker table tr td.active.disabled:hover.disabled:active, .datepicker table tr td.active[disabled]:active, .datepicker table tr td.active:hover[disabled]:active, .datepicker table tr td.active.disabled[disabled]:active, .datepicker table tr td.active.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.active:active, fieldset[disabled] .datepicker table tr td.active:hover:active, fieldset[disabled] .datepicker table tr td.active.disabled:active, fieldset[disabled] .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active:hover.disabled.active, .datepicker table tr td.active.disabled.disabled.active, .datepicker table tr td.active.disabled:hover.disabled.active, .datepicker table tr td.active[disabled].active, .datepicker table tr td.active:hover[disabled].active, .datepicker table tr td.active.disabled[disabled].active, .datepicker table tr td.active.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.active.active, fieldset[disabled] .datepicker table tr td.active:hover.active, fieldset[disabled] .datepicker table tr td.active.disabled.active, fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
    background-color: #13A89E;
    border-color: #13A89E
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px
}

.datepicker table tr td span:hover {
    background: #ecf0f1
}

.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
    background: 0 0;
    color: #95a5a6;
    cursor: default
}

.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
    color: #ecf0f1;
    background-color: #13A89E;
    border-color: #13A89E;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
    color: #ecf0f1;
    background-color: #13A89E;
    border-color: #13A89E
}

.datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
    background-image: none
}

.datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td span.active, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active.disabled, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active:hover.disabled:active, .datepicker table tr td span.active.disabled.disabled:active, .datepicker table tr td span.active.disabled:hover.disabled:active, .datepicker table tr td span.active[disabled]:active, .datepicker table tr td span.active:hover[disabled]:active, .datepicker table tr td span.active.disabled[disabled]:active, .datepicker table tr td span.active.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td span.active:active, fieldset[disabled] .datepicker table tr td span.active:hover:active, fieldset[disabled] .datepicker table tr td span.active.disabled:active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active:hover.disabled.active, .datepicker table tr td span.active.disabled.disabled.active, .datepicker table tr td span.active.disabled:hover.disabled.active, .datepicker table tr td span.active[disabled].active, .datepicker table tr td span.active:hover[disabled].active, .datepicker table tr td span.active.disabled[disabled].active, .datepicker table tr td span.active.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td span.active.active, fieldset[disabled] .datepicker table tr td span.active:hover.active, fieldset[disabled] .datepicker table tr td span.active.disabled.active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
    background-color: #13A89E;
    border-color: #13A89E
}

.datepicker table tr td span.old, .datepicker table tr td span.new {
    color: #95a5a6
}

.datepicker th.datepicker-switch {
    width: 145px
}

.datepicker thead tr:first-child th, .datepicker tfoot tr th {
    cursor: pointer
}

.datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover {
    background: #ecf0f1
}

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle
}

.datepicker thead tr:first-child th.cw {
    cursor: default;
    background-color: transparent
}

.input-group.date .input-group-addon i {
    cursor: pointer;
    width: 16px;
    height: 16px
}

.input-daterange input {
    text-align: center
}

.input-daterange input:first-child {
    border-radius: 3px 0 0 3px
}

.input-daterange input:last-child {
    border-radius: 0 3px 3px 0
}

.input-daterange .input-group-addon {
    width: auto;
    min-width: 16px;
    padding: 4px 5px;
    font-weight: 400;
    line-height: 1.428571429;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    background-color: #ecf0f1;
    border: solid #E0E4E8;
    border-width: 1px 0;
    margin-left: -5px;
    margin-right: -5px
}

.datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #E0E4E8;
    border-radius: 3px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    color: #394264;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.428571429
}

.datepicker.dropdown-menu th, .datepicker.dropdown-menu td {
    padding: 4px 5px
}

/*!
/* Timepicker Component for Twitter Bootstrap
 *
 * Copyright 2013 Joris de Wit
 *
 * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */
.bootstrap-timepicker {
    position: relative
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
    left: auto;
    right: 0
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
    left: auto;
    right: 12px
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
    left: auto;
    right: 13px
}

.bootstrap-timepicker .add-on {
    cursor: pointer
}

.bootstrap-timepicker .add-on i {
    display: inline-block;
    width: 16px;
    height: 16px
}

.bootstrap-timepicker-widget.dropdown-menu {
    padding: 4px
}

.bootstrap-timepicker-widget.dropdown-menu.open {
    display: inline-block
}

.bootstrap-timepicker-widget.dropdown-menu:before {
    border-bottom: 7px solid #E0E4E8;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    position: absolute
}

.bootstrap-timepicker-widget.dropdown-menu:after {
    border-bottom: 6px solid #FFF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    position: absolute
}

.bootstrap-timepicker-widget.timepicker-orient-left:before {
    left: 6px
}

.bootstrap-timepicker-widget.timepicker-orient-left:after {
    left: 7px
}

.bootstrap-timepicker-widget.timepicker-orient-right:before {
    right: 6px
}

.bootstrap-timepicker-widget.timepicker-orient-right:after {
    right: 7px
}

.bootstrap-timepicker-widget.timepicker-orient-top:before {
    top: -7px
}

.bootstrap-timepicker-widget.timepicker-orient-top:after {
    top: -6px
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #E0E4E8
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #fff
}

.bootstrap-timepicker-widget a.btn, .bootstrap-timepicker-widget input {
    border-radius: 3px
}

.bootstrap-timepicker-widget input {
    border: 0;
    background-color: transparent;
    outline: 0;
    box-shadow: none
}

.bootstrap-timepicker-widget input:focus {
    background-color: #ecf0f1
}

.bootstrap-timepicker-widget table {
    width: 100%;
    margin: 0
}

.bootstrap-timepicker-widget table td {
    text-align: center;
    height: 30px;
    margin: 0;
    padding: 2px;
    font-size: 13px
}

.bootstrap-timepicker-widget table td:not(.separator) {
    min-width: 30px
}

.bootstrap-timepicker-widget table td span {
    width: 100%
}

.bootstrap-timepicker-widget table td a {
    border: 1px transparent solid;
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 8px 0;
    outline: 0;
    color: #394264
}

.bootstrap-timepicker-widget table td a:hover {
    text-decoration: none;
    background-color: #ecf0f1;
    border-radius: 3px;
    border-color: #E0E4E8
}

.bootstrap-timepicker-widget table td a i {
    margin-top: 2px;
    font-size: 14px
}

.bootstrap-timepicker-widget table td input {
    width: 25px;
    margin: 0;
    text-align: center
}

.bootstrap-timepicker-widget .modal-content {
    padding: 4px
}

@media (min-width: 767px) {
    .bootstrap-timepicker-widget.modal {
        width: 200px;
        margin-left: -100px
    }
}

#pc_part_3, #pc_part_5 {
    padding: 0 15px 0 0;
}

@media (max-width: 767px) {
    .bootstrap-timepicker {
        width: 100%
    }

    .bootstrap-timepicker .dropdown-menu {
        width: 100%
    }

    /*----  pengchuan ----*/
    #pc_part_1, #pc_part_2, #pc_part_4, #pc_part_6, #pc_part_7, #pc_part_8, #action_part_1 {
        display: none;
    }

    #pc_part_3, #pc_part_5 {
        padding: 0;
    }
}

.minicolors {
    position: relative
}

.minicolors-swatch {
    position: absolute;
    vertical-align: middle;
    background: url(../images/85509794.jquery.minicolors.png) -80px 0;
    border: solid 1px #E0E4E8;
    cursor: text;
    padding: 0;
    margin: 0;
    display: inline-block
}

.minicolors-swatch-color {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.minicolors input[type=hidden] + .minicolors-swatch {
    width: 28px;
    position: static;
    cursor: pointer
}

.minicolors-panel {
    position: absolute;
    width: 173px;
    height: 152px;
    background: #fff;
    border: solid 1px #E0E4E8;
    z-index: 9998;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: none
}

.minicolors-panel.minicolors-visible {
    display: block
}

.minicolors-position-top .minicolors-panel {
    top: -154px
}

.minicolors-position-right .minicolors-panel {
    right: 0
}

.minicolors-position-bottom .minicolors-panel {
    top: auto
}

.minicolors-position-left .minicolors-panel {
    left: 0
}

.minicolors-with-opacity .minicolors-panel {
    width: 194px
}

.minicolors .minicolors-grid {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 150px;
    height: 150px;
    background: url(../images/85509794.jquery.minicolors.png) -120px 0;
    cursor: crosshair
}

.minicolors .minicolors-grid-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
    background: 0 0
}

.minicolors-slider-saturation .minicolors-grid {
    background-position: -420px 0
}

.minicolors-slider-saturation .minicolors-grid-inner {
    background: url(../images/85509794.jquery.minicolors.png) -270px 0
}

.minicolors-slider-brightness .minicolors-grid {
    background-position: -570px 0
}

.minicolors-slider-brightness .minicolors-grid-inner {
    background: #000
}

.minicolors-slider-wheel .minicolors-grid {
    background-position: -720px 0
}

.minicolors-slider, .minicolors-opacity-slider {
    position: absolute;
    top: 1px;
    left: 152px;
    width: 20px;
    height: 150px;
    background: #fff url(../images/85509794.jquery.minicolors.png) 0 0;
    cursor: row-resize
}

.minicolors-slider-saturation .minicolors-slider {
    background-position: -60px 0
}

.minicolors-slider-brightness .minicolors-slider {
    background-position: -20px 0
}

.minicolors-slider-wheel .minicolors-slider {
    background-position: -20px 0
}

.minicolors-opacity-slider {
    left: 173px;
    background-position: -40px 0;
    display: none
}

.minicolors-with-opacity .minicolors-opacity-slider {
    display: block
}

.minicolors-grid .minicolors-picker {
    position: absolute;
    top: 70px;
    left: 70px;
    width: 12px;
    height: 12px;
    border: solid 1px #000;
    border-radius: 10px;
    margin-top: -6px;
    margin-left: -6px;
    background: 0 0
}

.minicolors-grid .minicolors-picker > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    border: solid 2px #fff;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.minicolors-picker {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 2px;
    background: #fff;
    border: solid 1px #000;
    margin-top: -2px;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.minicolors-inline {
    display: inline-block
}

.minicolors-inline .minicolors-input {
    display: none !important
}

.minicolors-inline .minicolors-panel {
    position: relative;
    top: auto;
    left: auto;
    box-shadow: none;
    z-index: auto;
    display: inline-block
}

.minicolors-theme-default .minicolors-swatch {
    top: 5px;
    left: 5px;
    width: 18px;
    height: 18px
}

.minicolors-theme-default.minicolors-position-right .minicolors-swatch {
    left: auto;
    right: 5px
}

.minicolors-theme-default.minicolors {
    width: auto;
    display: inline-block
}

.minicolors-theme-default .minicolors-input {
    height: 20px;
    width: auto;
    display: inline-block;
    padding-left: 26px;
    border: 0
}

.minicolors-theme-default.minicolors-position-right .minicolors-input {
    padding-right: 26px;
    padding-left: inherit
}

.minicolors-theme-bootstrap .minicolors-swatch {
    top: 3px;
    left: 3px;
    width: 28px;
    height: 28px;
    border-radius: 3px
}

.minicolors-theme-bootstrap.minicolors-position-right .minicolors-swatch {
    left: auto;
    right: 3px
}

.minicolors-theme-bootstrap .minicolors-input {
    padding-left: 44px;
    border: 0
}

.minicolors-theme-bootstrap.minicolors-position-right .minicolors-input {
    padding-right: 44px;
    padding-left: 12px
}

.wizard {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px
}

.wizard a {
    outline: 0
}

.wizard ul, .wizard ul > li {
    margin: 0;
    padding: 0;
    list-style: none
}

.wizard > .steps .current-info, .wizard > .content > .title {
    display: none
}

.wizard > .steps {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #E0E4E8;
    height: 46px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    *zoom: 1;
    z-index: 4;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05)
}

.wizard > .steps > ul {
    position: relative;
    width: 4000px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    list-style: none outside none;
    border-radius: 3px
}

.wizard > .steps > ul > li {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0
}

.wizard > .steps .number {
    float: left;
    display: inline-block;
    min-width: 10px;
    padding: 3px 6px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #95a5a6;
    text-align: center;
    white-space: nowrap;
    background-color: #ecf0f1;
    border-radius: 10px;
    margin-right: 10px;
    margin-top: 15px
}

.wizard > .steps .number:before {
    position: absolute;
    top: -1px;
    right: -14px;
    display: block;
    z-index: 2;
    border: 24px solid transparent;
    border-right: 0;
    border-left: 14px solid #ecf0f1;
    content: " "
}

.wizard > .steps .number:after {
    position: absolute;
    top: -1px;
    right: -15px;
    display: block;
    z-index: 1;
    border: 24px solid transparent;
    border-right: 0;
    border-left: 14px solid #E0E4E8;
    content: " "
}

.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0 20px 0 30px;
    font-size: 16px;
    height: 46px;
    line-height: 46px;
    color: #95a5a6;
    background: #ecf0f1;
    cursor: default;
    text-decoration: none
}

.wizard > .steps a:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.wizard > .steps .disabled a, .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active {
    background: #ecf0f1;
    color: #95a5a6;
    cursor: default
}

.wizard > .steps .disabled .number {
    background-color: #95a5a6;
    color: #ecf0f1
}

.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active {
    background: #13A89E;
    color: #ecf0f1;
    cursor: default
}

.wizard > .steps .current .number:before {
    border-left-color: #13A89E
}

.wizard > .steps .current .number:after {
    border-left-color: #13A89E
}

.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active {
    background: #394264;
    color: #ecf0f1;
    cursor: pointer
}

.wizard > .steps .done .number:before {
    border-left-color: #394264
}

.wizard > .steps .done .number:after {
    border-left-color: #232332
}

.wizard > .steps .error a, .wizard > .steps .error a:hover, .wizard > .steps .error a:active {
    background: #DA4F49;
    color: #ecf0f1
}

.wizard > .steps .error .number:before {
    border-left-color: #DA4F49
}

.wizard > .steps .error .number:after {
    border-left-color: #DA4F49
}

.wizard > .content {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    border: 1px solid #E0E4E8;
    border-top: 0;
    background-color: #fff;
    min-height: 100px;
    height: auto;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.wizard > .content > .body {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    padding: 20px 15px 15px
}

.wizard > .actions {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
    float: right;
    padding-right: 15px;
    padding-left: 15px;
    height: 46px;
    vertical-align: middle;
    background-color: #E0E4E8;
    border-left: 1px solid #E0E4E8;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.wizard > .actions > ul {
    display: inline-block;
    text-align: right
}

.wizard > .actions > ul > li {
    float: left;
    padding: 8px 2px
}

.wizard > .actions a {
    display: inline-block;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #394264;
    background-color: #fff;
    border-color: #E0E4E8;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.wizard > .actions a:focus {
    outline: thin dotted #394264;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.wizard > .actions a:focus, .wizard > .actions a:hover {
    color: #394264;
    text-decoration: none
}

.wizard > .actions a:active {
    background-image: none;
    outline: 0;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.wizard > .actions a:focus, .wizard > .actions a:hover, .wizard > .actions a:active {
    color: #394264;
    background-color: #ecf0f1;
    border-color: #E0E4E8
}

.wizard > .actions .disabled a, .wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .65;
    background-color: #fff;
    border-color: #E0E4E8;
    -webkit-filter: alpha(opacity=65);
    filter: alpha(opacity=65);
    box-shadow: none
}

.wizard.vertical > .steps {
    display: inline;
    float: left;
    width: 30%
}

.wizard.vertical > .steps > ul > li {
    float: none;
    width: 100%
}

.wizard.vertical > .content {
    display: inline;
    float: left;
    margin: 0 2.5% .5em;
    width: 65%
}

.wizard.vertical > .actions {
    display: inline;
    float: right;
    margin: 0 2.5%;
    width: 95%
}

.wizard.vertical > .actions > ul > li {
    margin: 0 0 0 1em
}

.dropzone, .dropzone *, .dropzone-previews, .dropzone-previews * {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.dropzone {
    position: relative;
    border: 1px solid #E0E4E8;
    background: rgba(0, 0, 0, .02);
    padding: 1em
}

.panel > .dropzone {
    border: 0
}

.panel-body > .dropzone.no-padding {
    border-right: 0;
    border-left: 0
}

.panel-body > .dropzone.no-padding:first-child {
    border-top: 0
}

.panel-body > .dropzone.no-padding:last-child {
    border-bottom: 0
}

.dropzone.dz-clickable {
    cursor: pointer
}

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message span {
    cursor: pointer
}

.dropzone.dz-clickable * {
    cursor: default
}

.dropzone .dz-message {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

.dropzone.dz-drag-hover {
    border-color: rgba(0, 0, 0, .15);
    background: rgba(0, 0, 0, .04)
}

.dropzone.dz-started .dz-message {
    display: none
}

.dropzone .dz-preview, .dropzone-previews .dz-preview {
    background: rgba(255, 255, 255, .8);
    position: relative;
    display: inline-block;
    margin: 17px;
    vertical-align: top;
    border: 1px solid #acacac;
    padding: 6px
}

.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail], .dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
    display: none
}

.dropzone .dz-preview .dz-details, .dropzone-previews .dz-preview .dz-details {
    width: 100px;
    height: 100px;
    position: relative;
    background: #ebebeb;
    padding: 5px;
    margin-bottom: 22px
}

.dropzone .dz-preview .dz-details .dz-filename, .dropzone-previews .dz-preview .dz-details .dz-filename {
    overflow: hidden;
    height: 100%
}

.dropzone .dz-preview .dz-details img, .dropzone-previews .dz-preview .dz-details img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px
}

.dropzone .dz-preview .dz-details .dz-size, .dropzone-previews .dz-preview .dz-details .dz-size {
    position: absolute;
    bottom: -28px;
    left: 3px;
    height: 28px;
    line-height: 28px
}

.dropzone .dz-preview.dz-error .dz-error-mark, .dropzone-previews .dz-preview.dz-error .dz-error-mark {
    display: block
}

.dropzone .dz-preview.dz-success .dz-success-mark, .dropzone-previews .dz-preview.dz-success .dz-success-mark {
    display: block
}

.dropzone .dz-preview:hover .dz-details img, .dropzone-previews .dz-preview:hover .dz-details img {
    display: none
}

.dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark {
    display: none;
    position: absolute;
    width: 40px;
    height: 40px;
    font-size: 30px;
    text-align: center;
    right: -10px;
    top: -10px
}

.dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark {
    color: #8cc657
}

.dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark {
    color: #ee162d
}

.dropzone .dz-preview .dz-progress, .dropzone-previews .dz-preview .dz-progress {
    position: absolute;
    top: 100px;
    left: 6px;
    right: 6px;
    height: 6px;
    background: #d7d7d7;
    display: none
}

.dropzone .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    background-color: #8cc657
}

.dropzone .dz-preview.dz-processing .dz-progress, .dropzone-previews .dz-preview.dz-processing .dz-progress {
    display: block
}

.dropzone .dz-preview .dz-error-message, .dropzone-previews .dz-preview .dz-error-message {
    display: none;
    position: absolute;
    top: -5px;
    left: -20px;
    background: rgba(245, 245, 245, .8);
    padding: 8px 10px;
    color: #800;
    min-width: 140px;
    max-width: 500px;
    z-index: 500
}

.dropzone .dz-preview:hover.dz-error .dz-error-message, .dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
    display: block
}

.dropzone {
    border: 1px solid rgba(0, 0, 0, .03);
    min-height: 360px;
    border-radius: 3px;
    background: rgba(0, 0, 0, .03);
    padding: 23px
}

.dropzone .dz-default.dz-message {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    -webkit-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    background-image: url(../images/156cc09f.spritemap.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    width: 428px;
    height: 123px;
    margin-left: -214px;
    margin-top: -61.5px;
    top: 50%;
    left: 50%
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    .dropzone .dz-default.dz-message {
        background-image: url(../images/f5c1e285.spritemap@2x.png);
        background-size: 428px 406px
    }
}

.dropzone .dz-default.dz-message span {
    display: none
}

.dropzone.dz-square .dz-default.dz-message {
    background-position: 0 -123px;
    width: 268px;
    margin-left: -134px;
    height: 174px;
    margin-top: -87px
}

.dropzone.dz-drag-hover .dz-message {
    opacity: .15;
    -ms-filter: "alpha(Opacity=15)";
    -webkit-filter: alpha(opacity=15);
    filter: alpha(opacity=15)
}

.dropzone.dz-started .dz-message {
    display: block;
    opacity: 0;
    -ms-filter: "alpha(Opacity=0)";
    -webkit-filter: alpha(opacity=0);
    filter: alpha(opacity=0)
}

.dropzone .dz-preview, .dropzone-previews .dz-preview {
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .16);
    font-size: 14px
}

.dropzone .dz-preview.dz-image-preview:hover .dz-details img, .dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
    display: block;
    opacity: .1;
    -ms-filter: "alpha(Opacity=10)";
    -webkit-filter: alpha(opacity=10);
    filter: alpha(opacity=10)
}

.dropzone .dz-preview.dz-success .dz-success-mark, .dropzone-previews .dz-preview.dz-success .dz-success-mark {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

.dropzone .dz-preview.dz-error .dz-error-mark, .dropzone-previews .dz-preview.dz-error .dz-error-mark {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

.dropzone .dz-preview.dz-error .dz-progress .dz-upload, .dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
    background: #ee1e2d
}

.dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark {
    display: block;
    opacity: 0;
    -ms-filter: "alpha(Opacity=0)";
    -webkit-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: opacity .4s ease-in-out;
    -ms-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
    background-image: url(../images/156cc09f.spritemap.png);
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark {
        background-image: url(../images/f5c1e285.spritemap@2x.png);
        background-size: 428px 406px
    }
}

.dropzone .dz-preview .dz-error-mark span, .dropzone-previews .dz-preview .dz-error-mark span, .dropzone .dz-preview .dz-success-mark span, .dropzone-previews .dz-preview .dz-success-mark span {
    display: none
}

.dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark {
    background-position: -268px -123px
}

.dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark {
    background-position: -268px -163px
}

.dropzone .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload {
    -webkit-animation: loading .4s linear infinite;
    -ms-animation: loading .4s linear infinite;
    animation: loading .4s linear infinite;
    -webkit-transition: width .3s ease-in-out;
    -ms-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-image: url(../images/156cc09f.spritemap.png);
    background-repeat: repeat-x;
    background-position: 0 -400px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    .dropzone .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload {
        background-image: url(../images/f5c1e285.spritemap@2x.png);
        background-size: 428px 406px
    }
}

.dropzone .dz-preview.dz-success .dz-progress, .dropzone-previews .dz-preview.dz-success .dz-progress {
    display: block;
    opacity: 0;
    -ms-filter: "alpha(Opacity=0)";
    -webkit-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: opacity .4s ease-in-out;
    -ms-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

.dropzone .dz-preview .dz-error-message, .dropzone-previews .dz-preview .dz-error-message {
    display: block;
    opacity: 0;
    -ms-filter: "alpha(Opacity=0)";
    -webkit-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.dropzone .dz-preview:hover.dz-error .dz-error-message, .dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

.dropzone a.dz-remove, .dropzone-previews a.dz-remove {
    background-image: -webkit-linear-gradient(top, #fafafa, #eee);
    background-image: -ms-linear-gradient(top, #fafafa, #eee);
    background-image: linear-gradient(to bottom, #fafafa, #eee);
    border-radius: 2px;
    border: 1px solid #eee;
    text-decoration: none;
    display: block;
    padding: 4px 5px;
    text-align: center;
    color: #aaa;
    margin-top: 26px
}

.dropzone a.dz-remove:hover, .dropzone-previews a.dz-remove:hover {
    color: #666
}

@-webkit-keyframes loading {
    0% {
        background-position: 0 -400px
    }

    100% {
        background-position: -7px -400px
    }
}

@-ms-keyframes loading {
    0% {
        background-position: 0 -400px
    }

    100% {
        background-position: -7px -400px
    }
}

@keyframes loading {
    0% {
        background-position: 0 -400px
    }

    100% {
        background-position: -7px -400px
    }
}

.btn-file {
    position: relative;
    overflow: hidden;
    vertical-align: middle
}

.btn-file > input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    font-size: 23px;
    cursor: pointer;
    opacity: 0;
    -webkit-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: translate(-300px, 0) scale(4);
    transform: translate(-300px, 0) scale(4);
    direction: ltr
}

.fileinput {
    display: inline-block;
    margin-bottom: 9px
}

.fileinput .uneditable-input {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    cursor: text
}

.fileinput .thumbnail {
    display: inline-block;
    margin-bottom: 5px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    border-color: #E0E4E8
}

.fileinput .thumbnail > img {
    max-height: 100%
}

.fileinput .btn {
    vertical-align: middle
}

.fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists {
    display: none
}

.fileinput-inline .fileinput-controls {
    display: inline
}

.fileinput .uneditable-input {
    white-space: normal
}

.fileinput-new .input-group .btn-file {
    border-radius: 0 3px 3px 0
}

.fileinput-new .input-group .btn-file.btn-xs, .fileinput-new .input-group .btn-file.btn-sm {
    border-radius: 0 2px 2px 0
}

.fileinput-new .input-group .btn-file.btn-lg {
    border-radius: 0 4px 4px 0
}

.form-group.has-warning .fileinput .uneditable-input {
    color: #FAA732;
    border-color: #FAA732
}

.form-group.has-warning .fileinput .fileinput-preview {
    color: #FAA732
}

.form-group.has-warning .fileinput .thumbnail {
    border-color: #FAA732
}

.form-group.has-error .fileinput .uneditable-input {
    color: #DA4F49;
    border-color: #DA4F49
}

.form-group.has-error .fileinput .fileinput-preview {
    color: #DA4F49
}

.form-group.has-error .fileinput .thumbnail {
    border-color: #DA4F49
}

.form-group.has-success .fileinput .uneditable-input {
    color: #5BB75B;
    border-color: #5BB75B
}

.form-group.has-success .fileinput .fileinput-preview {
    color: #5BB75B
}

.form-group.has-success .fileinput .thumbnail {
    border-color: #5BB75B
}

textarea.wysihtml5 {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #E0E4E8
}

ul.wysihtml5-toolbar {
    margin: 0;
    padding: 0;
    display: block
}

ul.wysihtml5-toolbar::after {
    clear: both;
    display: table;
    content: ""
}

ul.wysihtml5-toolbar > li {
    float: left;
    display: list-item;
    list-style: none;
    margin: 0 5px 10px 0
}

ul.wysihtml5-toolbar a[data-wysihtml5-command=bold] {
    font-weight: 700
}

ul.wysihtml5-toolbar a[data-wysihtml5-command=italic] {
    font-style: italic
}

ul.wysihtml5-toolbar a[data-wysihtml5-command=underline] {
    text-decoration: underline
}

ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
    background-color: #ecf0f1;
    border-color: #E0E4E8;
    outline: 0
}

ul.wysihtml5-commands-disabled .dropdown-menu {
    display: none !important
}

ul.wysihtml5-toolbar div.wysihtml5-colors {
    display: block;
    width: 50px;
    height: 20px;
    margin-top: 2px;
    margin-left: 5px;
    position: absolute;
    pointer-events: none
}

ul.wysihtml5-toolbar a.wysihtml5-colors-title {
    padding-left: 70px
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value=black] {
    background: #000 !important
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value=silver] {
    background: silver !important
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value=gray] {
    background: gray !important
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value=maroon] {
    background: maroon !important
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value=red] {
    background: red !important
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value=purple] {
    background: purple !important
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value=green] {
    background: green !important
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value=olive] {
    background: olive !important
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value=navy] {
    background: navy !important
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value=blue] {
    background: #00f !important
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value=orange] {
    background: orange !important
}

.wysihtml5-sandbox {
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.wysihtml5-focus {
    border-color: #13A89E !important;
    box-shadow: rgba(0, 0, 0, .05) 0 1px 1px
}

.md-editor {
    display: block;
    border: 1px solid #E0E4E8;
    border-radius: 3px
}

.md-editor > .md-header {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    margin-left: 0
}

.md-editor > .md-header, .md-editor .md-footer {
    display: block;
    padding: 6px 4px;
    background: #fff
}

.md-editor > .md-preview {
    background: #fff;
    border-top: 1px dashed #E0E4E8;
    border-bottom: 1px dashed #E0E4E8;
    min-height: 10px
}

.md-editor > textarea {
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    font-size: 14px;
    outline: 0;
    outline: thin dotted \9;
    margin: 0;
    display: block;
    padding: 0;
    width: 100%;
    border: 0;
    border-top: 1px dashed #E0E4E8;
    border-bottom: 1px dashed #E0E4E8;
    border-radius: 0;
    box-shadow: none;
    background: #ecf0f1
}

.md-editor > textarea:focus {
    box-shadow: none;
    background: #fff;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.md-editor.active {
    border-color: #13A89E;
    outline: 0;
    box-shadow: rgba(0, 0, 0, .05) 0 1px 1px
}

.DTTT_collection_background {
    z-index: 1030
}

.DTTT_dropdown {
    z-index: 1060
}

.DTTT_dropdown li {
    position: relative
}

.TTT_btn-group-wrapper {
    min-height: 40px
}

.dataTables_wrapper .DTTT.btn-group {
    margin-bottom: 10px
}

div.dataTables_length label {
    float: left;
    text-align: left
}

div.dataTables_length select {
    width: 75px
}

div.dataTables_filter label {
    float: right
}

div.dataTables_info {
    padding-top: 26px
}

div.dataTables_paginate {
    float: right;
    margin: 0
}

table.table {
    clear: both;
    margin-bottom: 6px !important;
    max-width: none !important
}

table.table thead th, table.table thead td {
    position: relative
}

table.table thead .sorting, table.table thead .sorting_asc, table.table thead .sorting_desc, table.table thead .sorting_asc_disabled, table.table thead .sorting_desc_disabled {
    position: relative;
    cursor: pointer;
    *cursor: hand
}

table.table thead .sorting:before, table.table thead .sorting_asc:before, table.table thead .sorting_desc:before, table.table thead .sorting_asc_disabled:before, table.table thead .sorting_desc_disabled:before {
    float: right;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px
}

table.table thead .sorting:before {
    content: "\f0dc";
    color: #bdc3c7
}

table.table thead .sorting_asc:before {
    content: "\f0dd";
    color: #13A89E
}

table.table thead .sorting_desc:before {
    content: "\f0de";
    color: #13A89E
}

table.table thead .sorting_asc_disabled:before {
    content: "\f0dd";
    color: #95a5a6
}

table.table thead .sorting_desc_disabled:before {
    content: "\f0de";
    color: #95a5a6
}

table.dataTable th:active {
    outline: 0
}

div.dataTables_scrollHead table {
    margin-bottom: 0 !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

div.dataTables_scrollHead table thead tr:last-child th:first-child, div.dataTables_scrollHead table thead tr:last-child td:first-child {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

div.dataTables_scrollBody table {
    border-top: 0;
    margin-bottom: 0 !important
}

div.dataTables_scrollBody tbody tr:first-child th, div.dataTables_scrollBody tbody tr:first-child td {
    border-top: 0
}

div.dataTables_scrollFoot table {
    border-top: 0
}

.panel > .dataTables_wrapper {
    padding-top: 15px
}

.panel > .dataTables_wrapper > .row {
    padding-right: 15px;
    padding-left: 15px
}

.table tbody tr.active td, .table tbody tr.active th {
    background-color: #ecf0f1;
    color: #fff
}

.table tbody tr.active:hover td, .table tbody tr.active:hover th {
    background-color: #E0E4E8 !important
}

.table-striped tbody tr.active:nth-child(odd) td, .table-striped tbody tr.active:nth-child(odd) th {
    background-color: #ecf0f1
}

table.DTTT_selectable tbody tr {
    cursor: pointer;
    *cursor: hand
}

div.DTTT .btn {
    color: #394264 !important;
    font-size: 12px
}

div.DTTT .btn:hover {
    text-decoration: none !important
}

ul.DTTT_dropdown.dropdown-menu a {
    color: #394264 !important
}

ul.DTTT_dropdown.dropdown-menu li:hover a {
    background-color: #13A89E;
    color: #ecf0f1 !important
}

div.dataTables_paginate li:not(.disabled) .paginate_button {
    cursor: default !important
}

body.DTTT_Print .content {
    margin-left: 0
}

div.DTTT_print_info {
    position: fixed;
    padding: 20px;
    top: 0;
    left: 50%;
    height: 150px;
    text-align: center;
    z-index: 1050;
    background-color: #13A89E;
    color: #ecf0f1;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

div.DTTT_print_info h6 {
    font-weight: 400;
    font-size: 28px;
    line-height: 28px;
    margin: 1em
}

div.DTTT_print_info p {
    font-size: 14px;
    line-height: 20px
}

.dataTables_processing {
    position: absolute;
    top: 0;
    left: 50%;
    width: 250px;
    padding: 15px;
    border: 1px solid #E0E4E8;
    text-align: center;
    color: #95a5a6;
    font-size: 13px;
    font-weight: 700;
    background-color: #ecf0f1;
    z-index: 1050
}

div.DTFC_LeftHeadWrapper table, div.DTFC_LeftFootWrapper table, table.DTFC_Cloned tr.even {
    background-color: #fff
}

div.DTFC_LeftHeadWrapper table {
    margin-bottom: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child, div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

div.DTFC_LeftBodyWrapper table {
    border-top: 0;
    margin-bottom: 0 !important
}

div.DTFC_LeftBodyWrapper tbody tr:first-child th, div.DTFC_LeftBodyWrapper tbody tr:first-child td {
    border-top: 0
}

div.DTFC_LeftFootWrapper table {
    border-top: 0
}

.tablesorter-bootstrap {
    width: 100%
}

.tablesorter-bootstrap .tablesorter-header, .tablesorter-bootstrap tfoot th, .tablesorter-bootstrap tfoot td {
    padding: 4px;
    margin: 0 0 18px;
    background-color: #fff
}

.tablesorter-bootstrap .tablesorter-header {
    cursor: pointer
}

.tablesorter-bootstrap .tablesorter-header-inner {
    position: relative;
    padding: 4px 18px 4px 4px
}

.tablesorter-bootstrap .tablesorter-header i {
    font-size: 11px;
    position: absolute;
    right: 2px;
    top: 50%;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    line-height: 14px;
    display: inline-block
}

.tablesorter-bootstrap .bootstrap-icon-unsorted {
    background-image: url()
}

.tablesorter-bootstrap tr.odd td {
    background-color: #ecf0f1
}

.tablesorter-bootstrap tbody > .odd:hover > td, .tablesorter-bootstrap tbody > .even:hover > td {
    background-color: #fff
}

.tablesorter-bootstrap tr.even td {
    background-color: #fff
}

.tablesorter-bootstrap .tablesorter-processing {
    background-image: url('');
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: absolute;
    z-index: 1000
}

.caption {
    background: #fff
}

.tablesorter-bootstrap .tablesorter-filter-row .tablesorter-filter {
    width: 98%;
    height: auto;
    margin: 0 auto;
    border: 1px solid #E0E4E8;
    padding: 4px 6px;
    color: inherit;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: height .1s ease;
    transition: height .1s ease;
    box-shadow: none
}

.tablesorter-bootstrap .tablesorter-filter-row .tablesorter-filter:focus {
    border-color: #13A89E;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(19, 168, 158, .25)
}

.tablesorter-bootstrap .tablesorter-filter-row .tablesorter-filter.disabled {
    background: #bdc3c7;
    cursor: not-allowed
}

.tablesorter-bootstrap .tablesorter-filter-row td {
    background: #ecf0f1;
    line-height: normal;
    text-align: center;
    padding: 4px 6px;
    vertical-align: middle;
    -webkit-transition: line-height .1s ease;
    transition: line-height .1s ease
}

.tablesorter-bootstrap .tablesorter-filter-row.hideme td {
    padding: 2px;
    margin: 0;
    line-height: 0
}

.tablesorter-bootstrap .tablesorter-filter-row.hideme .tablesorter-filter {
    height: 1px;
    min-height: 0;
    border: 0;
    padding: 0;
    margin: 0;
    opacity: 0;
    -webkit-filter: alpha(opacity=0);
    filter: alpha(opacity=0)
}

.tablesorter-bootstrap .tablesorter-pager select {
    padding-right: 6px;
    padding-left: 6px;
    border-color: #E0E4E8
}

.tablesorter-bootstrap .tablesorter-pager .pagedisplay {
    border: 0
}

.tablesorter-bootstrap tfoot i {
    font-size: 11px
}

.tablesorter .tablesorter-errorRow td {
    cursor: pointer;
    background-color: #e6bf99
}

.tablesorter-pager {
    padding: 5px
}

td.tablesorter-pager {
    background-color: #e6eeee;
    margin: 0
}

.tablesorter-pager img {
    vertical-align: middle;
    margin-right: 2px;
    cursor: pointer
}

.tablesorter-pager .pagedisplay {
    padding: 0 5px;
    width: auto;
    white-space: nowrap;
    text-align: center
}

.tablesorter-pager select {
    margin: 0;
    padding: 0
}

.tablesorter-pager.disabled {
    display: none
}

.tablesorter-pager .disabled {
    opacity: .5;
    -webkit-filter: alpha(opacity=50);
    filter: alpha(opacity=50);
    cursor: default
}

.graph {
    min-height: 220px
}

.morris-hover {
    position: absolute;
    z-index: 1030
}

.morris-hover.morris-default-style {
    border-radius: 10px;
    padding: 6px;
    color: #394264;
    background: rgba(255, 255, 255, .8);
    border: solid 2px rgba(230, 230, 230, .8);
    font-family: sans-serif;
    font-size: 12px;
    text-align: center
}

.morris-hover.morris-default-style .morris-hover-row-label {
    font-weight: 700;
    margin: .25em 0
}

.morris-hover.morris-default-style .morris-hover-point {
    white-space: nowrap;
    margin: .1em 0
}

.flot-tooltip {
    position: absolute;
    display: none;
    padding: 3px 8px;
    font-size: 12px;
    color: #ecf0f1;
    background-color: #394264;
    border: 1px solid #394264;
    -webkit-filter: alpha(opacity=90);
    filter: alpha(opacity=90);
    opacity: .9;
    border-radius: 4px
}

.legendColorBox {
    margin-bottom: 3px
}

.legendLabel {
    padding-left: 3px;
    padding-right: 8px
}

.easy-pie-chart {
    display: inline-block;
    padding: 0 10px
}

.easyPieChart {
    position: relative;
    text-align: center
}

.easyPieChart > span {
    position: absolute;
    display: inline-block;
    margin: 0;
    padding: 0;
    top: 50%;
    left: 50%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 1.2em;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.easyPieChart-label {
    font-family: 'Open Sans', sans-serif;
    height: 100%;
    vertical-align: middle;
    color: inherit;
    text-align: center;
    font-weight: 300;
    font-size: 1.2em
}

.jqstooltip {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background-color: #394264 !important;
    border-radius: 4px !important;
    padding: 3px 8px;
    font-size: 12px;
    color: #ecf0f1;
    border: 1px solid #394264;
    -webkit-filter: alpha(opacity=90);
    filter: alpha(opacity=90);
    opacity: .9;
    border-radius: 4px
}

/*!
/* jQVMap Version 1.0
 *
 * http://jqvmap.com
 *
 * Copyright 2012, Peter Schmalfeldt <manifestinteractive@gmail.com>
 * Licensed under the MIT license.
 *
 * Fork Me @ https://github.com/manifestinteractive/jqvmap
 */
.vmap {
    height: 400px;
    width: 100%
}

.jqvmap-label {
    position: absolute;
    display: none;
    background-color: #394264 !important;
    border-radius: 4px !important;
    padding: 3px 8px;
    font-size: 12px;
    color: #ecf0f1;
    border: 1px solid #394264;
    -webkit-filter: alpha(opacity=90);
    filter: alpha(opacity=90);
    opacity: .9;
    border-radius: 4px
}

.jqvmap-zoomin, .jqvmap-zoomout {
    position: absolute;
    left: 10px;
    border-radius: 3px;
    background: #394264;
    padding: 1px 4px 3px;
    line-height: 13px;
    color: #ecf0f1;
    height: 15px;
    cursor: pointer;
    text-align: center
}

.jqvmap-zoomin {
    top: 10px
}

.jqvmap-zoomout {
    top: 30px
}

.jqvmap-region {
    cursor: pointer
}

.jqvmap-ajax_response {
    width: 100%;
    height: 500px
}

.map-legend {
    position: absolute;
    top: 60px;
    right: 15px;
    width: 200px;
    height: auto;
    max-height: 80%
}

@media (max-width: 991px) {
    .map-legend {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        max-height: auto
    }
}

/*!
/* FullCalendar v1.6.4 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */
.fc {
    direction: ltr;
    text-align: left
}

.fc table {
    border-collapse: collapse;
    border-spacing: 0
}

html .fc, .fc table {
    font-size: 1em
}

.fc td, .fc th {
    padding: 0;
    vertical-align: top
}

.fc-header td {
    white-space: nowrap
}

.fc-header-left {
    width: 25%;
    text-align: left
}

.fc-header-center {
    text-align: center
}

.fc-header-right {
    width: 25%;
    text-align: right
}

.fc-header-title {
    display: inline-block;
    vertical-align: top
}

.fc-header-title h2 {
    margin-top: 0;
    white-space: nowrap
}

.fc .fc-header-space {
    padding-left: 10px
}

.fc-header .fc-button {
    margin-bottom: 1em;
    vertical-align: top
}

.fc-header .fc-button {
    margin-right: -1px
}

.fc-header .fc-corner-right, .fc-header .ui-corner-right {
    margin-right: 0
}

.fc-header .fc-state-hover, .fc-header .ui-state-hover {
    z-index: 2
}

.fc-header .fc-state-down {
    z-index: 3
}

.fc-header .fc-state-active, .fc-header .ui-state-active {
    z-index: 4
}

.fc-content {
    clear: both;
    zoom: 1
}

.fc-view {
    width: 100%;
    overflow: hidden
}

.fc-widget-header, .fc-widget-content {
    border: 1px solid #E0E4E8
}

.fc-state-highlight {
    background-color: #dff0d8
}

.calendar-inverse .fc-state-highlight {
    background-color: rgba(105, 122, 185, .1)
}

.fc-cell-overlay {
    background-color: rgba(250, 167, 50, .1)
}

.calendar-inverse .fc-cell-overlay {
    background-color: rgba(105, 122, 185, .2)
}

.fc-button {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.428571429;
    height: 32px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    text-transform: capitalize
}

.fc-state-default {
    border: 1px solid
}

.fc-state-default.fc-corner-left {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.fc-state-default.fc-corner-right {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.fc-text-arrow {
    position: relative;
    top: -5px;
    margin: 0 .1em;
    padding: 0;
    font-weight: 400;
    line-height: 1;
    font-size: 25px;
    font-family: "Courier New", Courier, monospace;
    vertical-align: baseline;
    vertical-align: middle
}

.fc-button-prev .fc-text-arrow, .fc-button-next .fc-text-arrow {
    font-weight: 700
}

.fc-button .fc-icon-wrap {
    position: relative;
    float: left;
    top: 50%
}

.fc-button .ui-icon {
    position: relative;
    float: left;
    margin-top: -50%;
    *margin-top: 0;
    *top: -50%
}

.fc-state-default {
    color: #394264;
    border-color: #E0E4E8
}

.fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled {
    background-color: #ecf0f1;
    border-color: #ecf0f1
}

.fc-event-container > * {
    z-index: 8
}

.fc-event-container > .ui-draggable-dragging, .fc-event-container > .ui-resizable-resizing {
    z-index: 9
}

.fc-event {
    border: 1px solid #13A89E;
    background-color: #13A89E;
    color: #ecf0f1;
    font-size: .85em;
    cursor: default
}

.calendar-inverse .fc-event {
    border: 1px solid #394264;
    background-color: #394264
}

a.fc-event {
    text-decoration: none
}

a.fc-event, .fc-event-draggable {
    cursor: pointer
}

a.fc-event:hover {
    color: rgba(255, 255, 255, .8)
}

.fc-rtl .fc-event {
    text-align: right
}

.fc-event-inner {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.fc-event-time, .fc-event-title {
    padding: 0 1px
}

.fc .ui-resizable-handle {
    display: block;
    position: absolute;
    z-index: 1060;
    overflow: hidden;
    font-size: 300%;
    line-height: 50%
}

.fc-event-hori {
    border-width: 1px 0;
    margin-bottom: 1px
}

.fc-ltr .fc-event-hori.fc-event-start, .fc-rtl .fc-event-hori.fc-event-end {
    border-left-width: 1px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.fc-ltr .fc-event-hori.fc-event-end, .fc-rtl .fc-event-hori.fc-event-start {
    border-right-width: 1px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.fc-event-hori .ui-resizable-e {
    top: 0 !important;
    right: -3px !important;
    width: 7px !important;
    height: 100% !important;
    cursor: e-resize
}

.fc-event-hori .ui-resizable-w {
    top: 0 !important;
    left: -3px !important;
    width: 7px !important;
    height: 100% !important;
    cursor: w-resize
}

.fc-event-hori .ui-resizable-handle {
    _padding-bottom: 14px
}

table.fc-border-separate {
    border-collapse: separate
}

.fc-border-separate th, .fc-border-separate td {
    border-width: 1px 0 0 1px
}

.fc-border-separate th.fc-last, .fc-border-separate td.fc-last {
    border-right-width: 1px
}

.fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td {
    border-bottom-width: 1px
}

.fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th {
    border-top-width: 0
}

.fc-grid th {
    text-align: center
}

.fc .fc-week-number {
    width: 22px;
    text-align: center
}

.fc .fc-week-number div {
    padding: 0 2px
}

.fc-grid .fc-day-number {
    float: right;
    padding: 0 2px
}

.fc-grid .fc-other-month .fc-day-number {
    opacity: .3;
    -webkit-filter: alpha(opacity=30);
    filter: alpha(opacity=30)
}

.fc-grid .fc-day-content {
    clear: both;
    padding: 2px 2px 1px
}

.fc-grid .fc-event-time {
    font-weight: 700
}

.fc-rtl .fc-grid .fc-day-number {
    float: left
}

.fc-rtl .fc-grid .fc-event-time {
    float: right
}

.fc-agenda table {
    border-collapse: separate
}

.fc-agenda-days th {
    text-align: center
}

.fc-agenda .fc-agenda-axis {
    width: 50px;
    padding: 0 4px;
    vertical-align: middle;
    text-align: right;
    white-space: nowrap;
    font-weight: 400
}

.fc-agenda .fc-week-number {
    font-weight: 700
}

.fc-agenda .fc-day-content {
    padding: 2px 2px 1px
}

.fc-agenda-days .fc-agenda-axis {
    border-right-width: 1px
}

.fc-agenda-days .fc-col0 {
    border-left-width: 0
}

.fc-agenda-allday th {
    border-width: 0 1px
}

.fc-agenda-allday .fc-day-content {
    min-height: 34px;
    _height: 34px
}

.fc-agenda-divider-inner {
    height: 2px;
    overflow: hidden
}

.fc-widget-header .fc-agenda-divider-inner {
    background: #ecf0f1
}

.fc-agenda-slots th {
    border-width: 1px 1px 0
}

.fc-agenda-slots td {
    border-width: 1px 0 0;
    background: 0 0
}

.fc-agenda-slots td div {
    height: 20px
}

.fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td {
    border-top-width: 0
}

.fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td {
    border-top-style: dotted
}

.fc-agenda-slots tr.fc-minor th.ui-widget-header {
    *border-top-style: solid
}

.fc-event-vert {
    border-width: 0 1px
}

.fc-event-vert.fc-event-start {
    border-top-width: 1px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.fc-event-vert.fc-event-end {
    border-bottom-width: 1px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.fc-event-vert .fc-event-time {
    white-space: nowrap;
    font-size: 10px
}

.fc-event-vert .fc-event-inner {
    position: relative;
    z-index: 2
}

.fc-event-vert .fc-event-bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .25;
    -webkit-filter: alpha(opacity=25);
    filter: alpha(opacity=25)
}

.fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg {
    display: none \9
}

.fc-event-vert .ui-resizable-s {
    bottom: 0 !important;
    width: 100% !important;
    height: 8px !important;
    overflow: hidden !important;
    line-height: 8px !important;
    font-size: 11px !important;
    font-family: monospace;
    text-align: center;
    cursor: s-resize
}

.fc-agenda .ui-resizable-resizing {
    _overflow: hidden
}

@media print {
    /*!
   /* FullCalendar v1.6.4 Print Stylesheet
   * Docs & License: http://arshaw.com/fullcalendar/
   * (c) 2013 Adam Shaw
   */
    .fc-event {
        background: #fff !important;
        color: #394264 !important
    }

    .fc-event-bg {
        display: none !important
    }

    .fc-event .ui-resizable-handle {
        display: none !important
    }
}

@import url(http://fonts.googleapis.com/css?family=Aclonica);

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,700,600,800);

body {
    background: lightblue;
    font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    overflow-x: hidden
}

::-moz-selection {
    background-color: #13A89E;
    color: #ecf0f1
}

::selection {
    background-color: #13A89E;
    color: #ecf0f1
}

::moz-selection {
    background-color: #13A89E;
    color: #ecf0f1
}

::webkit-selection {
    background-color: #13A89E;
    color: #ecf0f1
}

a {
    color: #13A89E
}

a:hover, a:focus {
    color: #0E7D76
}

.translate-left {
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    margin-right: 300px
}

.header .animated, .sidebar .animated {
    -webkit-animation-duration: .75s !important;
    animation-duration: .75s !important
}

.header {
    position: relative;
    padding: 0 20px;
    display: block;
    height: 60px;
    z-index: 99;
    background: #232332;
    color: #bdc3c7;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.header a, .header .btn {
    outline: 0;
    text-decoration: none;
    color: inherit
}

.header.fixed {
    position: fixed
}

.header.fixed-side {
    position: absolute
}

.header-brand {
    float: left;
    display: block;
    margin-right: 20px
}

.header-brand a {
    color: inherit;
    text-decoration: none
}

.header-brand h1, .header-brand h2, .header-brand h3, .header-brand h4, .header-brand h5, .header-brand h6 {
    margin: 0;
    padding: 0;
    line-height: 60px;
    font-size: 2.3em;
    font-family: Aclonica, serif;
    color: #fff
}

.header-brand .brand-logo {
    margin: 0;
    padding: 0;
    height: 60px;
    width: auto;
    line-height: 60px;
    outline: 0;
    margin-left: 10px
}

.header .form-inline {
    position: relative;
    margin: 0;
    padding: 0;
    float: right;
    line-height: 56px
}

.header .form-inline.pull-left {
    margin-left: 30px
}

.header .form-inline + .header-menu {
    margin-right: 40px
}

.header .form-inline.pull-left + .header-menu {
    margin-left: 30px
}

.header .form-inline .btn-expand-search {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 48px;
    z-index: 1
}

.header .form-inline .toggle-search {
    position: absolute;
    background: #232332;
    top: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    width: 0;
    z-index: 2;
    -webkit-transition: width .3s ease;
    -ms-transition: width .3s ease;
    transition: width .3s ease
}

.header .form-inline.pull-left .toggle-search {
    left: -30px;
    right: auto
}

.header .form-inline .toggle-search.intype {
    visibility: visible;
    opacity: 1;
    width: 300px
}

.header .form-inline .form-control {
    display: inline-block;
    background-color: rgba(255, 255, 255, .25);
    color: #bdc3c7;
    border: 0;
    padding-right: 34px;
    width: 100%;
    box-shadow: none;
    border-radius: 3px
}

.header .form-inline.pull-left .form-control {
    padding-right: 12px;
    padding-left: 34px
}

.header .form-inline .btn-default {
    position: absolute;
    top: 0;
    background-color: transparent;
    background-image: none;
    border: 0;
    color: #bdc3c7;
    box-shadow: none;
    text-shadow: none
}

.header .form-inline .toggle-search .btn-default {
    top: 14px;
    right: 0
}

.header .form-inline.pull-left .toggle-search .btn-default {
    right: auto;
    left: 0
}

.header-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    font-size: 14px
}

.header-menu > li {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    -webkit-transform: translateZ(0)
}

.header-menu > li > a {
    margin: 0;
    padding: 0 20px;
    display: block;
    line-height: 60px;
    -webkit-transition: background .3s;
    -ms-transition: background .3s;
    transition: background .3s
}

.header-menu > li > a, .header-menu > li.open > a, .header-menu > li.active > a {
    color: #bdc3c7
}

.header-menu > li.open > a, .header-menu > li.active > a, .header-menu > li > a:hover {
    background: rgba(255, 255, 255, .25);
    text-decoration: none
}

.header-menu > li > a .badge {
    position: absolute;
    top: 15px;
    right: 6px;
    padding: 2px 5px;
    font-size: 11px;
    font-weight: 400;
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.header-menu > li > a .header-menu-icon {
    padding-right: 5px
}

.header-menu > li > a .header-menu-icon.icon-only {
    padding-right: 0
}

.header-profile {
    float: right;
    height: 60px;
    padding: 0 0 0 15px
}

.header-profile > .profile-nav {
    position: relative;
    font-size: 14px;
    display: inline-block;
    line-height: 60px;
    margin: 0;
    padding-right: 10px
}

.header-profile > .profile-nav.open, .header-profile > .profile-nav.open > a {
    color: #13A89E
}

.header-profile a {
    padding-left: 5px
}

.header-profile a:hover {
    text-decoration: none
}

.header-profile .profile-picture {
    border-radius: 100%;
    margin-top: -2px;
    overflow: hidden;
    border: 2px solid rgba(255, 255, 255, .5);
    width: 42px;
    height: 42px;
    display: inline-block;
    vertical-align: middle
}

.header-profile .profile-picture img {
    width: 42px;
    height: auto
}

.section {
    position: relative;
    display: block;
    height: 100%;
    background-color: #fff;
    overflow-x: hidden
}

.side-left {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    width: 92px;
    background: #232332;
    z-index: 98
}

.side-left.fixed {
    position: fixed
}

.side-left a {
    color: inherit;
    text-decoration: none
}

.sidebar {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.sidebar > li {
    position: relative;
    margin: 0;
    list-style: none;
    display: block;
    font-size: 11px;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .25);
    vertical-align: middle
}

.sidebar > li.active:after, .sidebar > li.active:before {
    right: -1px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.sidebar > li.active:after {
    border-color: rgba(204, 204, 204, 0);
    border-right-color: #FFF;
    border-width: 10px;
    top: 50%;
    margin-top: -10px
}

.sidebar > li:first-child.active:after {
    border-right-color: #EDEDED
}

.sidebar > li.active:before {
    border-color: rgba(204, 204, 204, 0);
    border-right-color: #E0E4E8;
    border-width: 11px;
    top: 50%;
    margin-top: -11px
}

.sidebar > li > a {
    display: block;
    margin: 0;
    padding: 10px 0 5px;
    height: 100%;
    width: 100%;
    background-color: #232332;
    color: #bdc3c7;
    cursor: pointer
}

.sidebar > li > a:hover {
    color: #13A89E
}

.sidebar > li.active > a:hover, .sidebar > li.active > a {
    color: #fff;
    cursor: default
}

.sidebar li a > .sidebar-icon {
    display: block;
    font-size: 24px;
    line-height: 1.2em
}

.sidebar > li > a > .badge, .sidebar > li > a > .label {
    position: absolute;
    top: 5px;
    left: 60%;
    padding: 2px 5px;
    font-size: 11px;
    font-weight: 400;
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.sidebar-child, .sidebar-child-inline {
    position: absolute;
    margin: 0;
    padding: 0;
    list-style: none;
    top: -2px;
    left: 100%;
    background-color: #fff;
    color: #232332;
    border: 1px solid #E0E4E8;
    border-left: 0;
    display: none;
    white-space: nowrap;
    z-index: 99;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
    background-clip: padding-box
}

.sidebar-child {
    padding: 5px 0
}

.sidebar > li:hover .sidebar-child, .sidebar > li:hover .sidebar-child-inline {
    display: block
}

.sidebar-child li {
    position: relative;
    margin: 0;
    padding: 0 5px;
    display: block;
    min-width: 160px;
    list-style: none;
    font-size: 1.2em;
    text-align: left
}

.sidebar-child li.divider {
    margin: 6px 15px;
    height: 1px;
    border-top: 1px solid #E0E4E8
}

.sidebar-child li a {
    border-radius: 0;
    display: block;
    padding: 6px 10px;
    border-radius: 4px
}

.sidebar-child li a:hover {
    background-color: #13A89E;
    color: #ecf0f1
}

.sidebar-child li.active a, .sidebar-child li.active a:hover {
    background-color: #394264;
    color: #ecf0f1
}

.sidebar-child-inline li {
    position: relative;
    margin: 0;
    padding: 0;
    text-align: center;
    list-style: none;
    display: inline-block;
    margin-right: -3px;
    vertical-align: middle
}

.sidebar-child-inline li.divider {
    height: 60px;
    width: 1px;
    cursor: default;
    background-color: #E0E4E8;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.sidebar-child-inline li:first-child {
    margin-left: -2px
}

.sidebar-child-inline li:last-child {
    margin-right: 0
}

.sidebar-child-inline li a {
    padding: 8px 20px;
    display: block
}

.sidebar-child-inline li a:hover, .sidebar-child-inline li.active a, .sidebar-child-inline li.active a:hover {
    color: #13A89E
}

.side-right {
    position: relative;
    top: 0;
    bottom: 0;
    padding-bottom: 40px;
    right: 0px;
    z-index: 9;
    background-color: #FFF;
    color: #000;
    width: 100%;
    overflow: hidden;
    -webkit-transition: right .3s ease;
    -ms-transition: right .3s ease;
    transition: right .3s ease
}

.side-right.toggle {
    right: 0
}

.module {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto
}

.content {
    position: relative;
    display: block;
    margin-left: 92px;
    background-color: #FFF;
    padding-bottom: 0;
    min-height: 100vh;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.content.content-full {
    margin-left: 0;
    border: 0
}

.content > .content-header {
    height: 60px;
    border-bottom: 1px solid #E0E4E8;
    background-color: #ecf0f1;
    color: #394264;
    overflow: hidden;
    padding: 0 15px
}

.content > .content-header .content-title {
    margin: 0;
    padding: 0;
    font-size: 1.3em;
    font-weight: 500;
    line-height: 60px
}

.content-header .content-title > i {
    margin-right: 5px
}

.content-header .content-title > small {
    font-size: .6em;
    font-weight: 400
}

.content-header .content-header-extra {
    position: relative;
    float: right;
    line-height: 60px
}

.content-header-extra .divider {
    margin: 0;
    padding: 0;
    width: 1px;
    background-color: #fff;
    border-right: 1px solid #E0E4E8;
    border-left: 1px solid #f8f8f8
}

.content-header-extra .divider, .content-header-extra .item-ch-extra {
    display: inline-block;
    height: 40px;
    vertical-align: middle;
    text-decoration: none
}

.content-header-extra .item-ch-extra {
    padding: 0 10px;
    cursor: default
}

.item-ch-extra .data-text {
    position: relative;
    margin-left: 4px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    text-align: center
}

.data-text p {
    font-size: 11px;
    font-weight: 300
}

.content-control {
    position: relative;
    background-color: #fff;
    height: 40px;
    border-bottom: 1px solid #E0E4E8;
    padding: 0 15px
}

.content-control, .content-control > .control-nav, .content-control > .control-nav > li {
    margin: 0;
    padding: 0;
    list-style: none
}

.content-control > .control-nav > li {
    position: relative;
    margin: 0;
    padding: 0 10px;
    float: left;
    line-height: 40px
}

.content-control > .control-nav > li.active {
    background-color: #fff
}

.content-control > .control-nav > li.divider {
    padding: 0;
    height: 40px;
    border-right: 1px solid #E0E4E8;
    border-left: 1px solid #fff
}

.content-control > .control-nav > li > a {
    font-size: 11px;
    padding: 0;
    line-height: 38px;
    color: #394264
}

.content-control > .control-nav > li > a.active, .content-control > .control-nav > li > a:active, .content-control > .control-nav > li > a:focus, .content-control > .control-nav > li > a:hover {
    text-decoration: none
}

.content-control > .breadcrumb {
    background-color: #fff;
    display: inline-block;
    font-size: 11px;
    line-height: 39px;
    margin: 0;
    padding: 0 15px;
    border-radius: 0
}

.content-control > .breadcrumb a {
    color: #394264
}

.content > .content-body {
    position: relative;
    padding: 15px 15px 30px;
    font-size: 13px;
    background-color: #fff;
    color: #394264;
    min-height: 100%
}

.content-body > .page-header:first-child {
    margin-top: 0
}

.content-body > .no-padding {
    margin-right: -15px;
    margin-left: -15px;
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.chat-contact {
    position: relative;
    display: block;
    width: 100%
}

.chat-contact a, .chatbox a {
    color: inherit;
    text-decoration: none
}

.contact-heading {
    margin: 0;
    padding: 40px 40px 30px;
    font-size: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, .25)
}

.contact-body {
    border-top: 1px solid rgba(255, 255, 255, .1)
}

.contacts-list, .contacts-list li {
    margin: 0;
    padding: 0;
    list-style: none
}

.contacts-list {
    margin-bottom: 15px
}

.contacts-list li {
    position: relative
}

.contacts-list li.separate {
    margin-top: 30px;
    padding: 0 40px;
    line-height: 32px;
    font-size: 14px;
    text-transform: uppercase
}

.contacts-list li a {
    margin: 0;
    display: block;
    font-size: 12px;
    font-weight: 300;
    padding: 0 0 0 20px;
    line-height: 30px;
    -webkit-transition: background-color .3s ease;
    -ms-transition: background-color .3s ease;
    transition: background-color .3s ease;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.contacts-list li a:hover, .contacts-list li a:focus, .contacts-list li a:active {
    color: #ecf0f1;
    background-color: #0E7D76
}

.contacts-list li a:hover {
    color: #fff;
    background-color: #72C5BF
}

.contacts-list li a .fa, .contacts-list li a .icon {
    width: 20px
}

.contacts-list li.online a .fa, .contacts-list li.online a .icon {
    color: #13A89E
}

.contacts-list li.offline a .fa, .contacts-list li.offline a .icon {
    color: #DA4F49
}

.contacts-list li.idle a .fa, .contacts-list li.idle a .icon {
    color: #FAA732
}

.contacts-list li.disable a .fa, .contacts-list li.disable a .icon {
    color: #394264
}

.chatbox {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 300px;
    background-color: #232332;
    color: #ecf0f1;
    z-index: 2;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.chatbox.show {
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
}

.chatbox .chatbox-heading {
    margin: 20px 0 0;
    padding: 0 40px;
    line-height: 60px;
    font-size: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.chatbox .chatbox-body {
    position: absolute;
    top: 120px;
    right: 0;
    left: 0;
    height: 400px;
    overflow: auto;
    padding: 0 40px;
    border-bottom: 1px solid rgba(0, 0, 0, .25)
}

@media (max-height: 568px) {
    .chatbox .chatbox-body {
        height: 300px
    }
}

@media (max-height: 480px) {
    .chatbox .chatbox-body {
        height: 100px
    }
}

.chatbox-body .chat-separate {
    margin: 60px 0 40px;
    text-align: center;
    height: 1px;
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .25)
}

.chatbox-body .chat-separate:first-child {
    margin-top: 20px
}

.chat-separate .chat-time {
    position: relative;
    top: -13px;
    padding: 5px 10px;
    color: #bdc3c7;
    font-size: 10px;
    background-color: #232332
}

.chatbox-body .chat-in {
    position: relative;
    border-bottom: 2px solid #13A89E;
    margin-bottom: 20px
}

.chat-in .chat-user {
    color: #ecf0f1;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 10px
}

.chat-in .chat-msg {
    position: relative;
    color: #bdc3c7;
    font-size: 12px
}

.chat-in .chat-msg .chat-time {
    font-weight: 400;
    font-style: italic;
    font-size: 11px
}

.chatbox-body .chat-out {
    position: relative;
    border-bottom: 2px solid #bdc3c7;
    margin-bottom: 20px
}

.chat-out .chat-user {
    color: #ecf0f1;
    text-align: right;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 10px
}

.chat-out .chat-msg {
    position: relative;
    color: #bdc3c7;
    font-size: 12px
}

.chat-out .chat-msg:after {
    clear: both;
    content: '';
    display: table
}

.chat-out .chat-msg .chat-time {
    float: right;
    font-weight: 400;
    font-style: italic;
    font-size: 11px
}

.chatbox .chatbox-footer {
    position: absolute;
    left: 0;
    right: 0;
    top: 520px;
    border-top: 1px solid rgba(255, 255, 255, .1)
}

@media (max-height: 568px) {
    .chatbox .chatbox-footer {
        top: 420px
    }
}

@media (max-height: 480px) {
    .chatbox .chatbox-footer {
        top: 220px
    }
}

.chatbox-footer .chat-form {
    position: relative;
    display: block;
    margin: 0;
    padding: 0 20px
}

.chat-form .chat-status {
    margin: 5px 0;
    padding: 0;
    font-size: 11px;
    text-align: right;
    color: #bdc3c7
}

.chat-form .form-group {
    position: relative;
    margin: 0;
    padding: 0
}

.chat-form .form-group .btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 10px;
    background-color: transparent;
    border: 0;
    color: #bdc3c7;
    line-height: 30px;
    z-index: 3
}

.chat-form .chat-input {
    position: relative;
    margin: 0;
    padding: 8px 30px 8px 12px;
    font-size: 12px;
    background-color: rgba(255, 255, 255, .1);
    outline: 0;
    color: #ecf0f1;
    width: 100%;
    border: 0
}

a[rel=to-top] {
    position: fixed;
    bottom: 0;
    right: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #232332;
    color: #ecf0f1;
    text-align: center;
    text-decoration: none;
    z-index: 1001;
    display: block;
    cursor: pointer;
    font-size: 14px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

a[rel=to-top]:hover {
    background-color: #394264;
    color: #ecf0f1;
    text-decoration: none
}

footer {
    position: relative;
    height: 40px;
    padding: 10px 20px;
    background-color: #232332;
    color: #bdc3c7;
    z-index: 1000
}

footer p {
    margin: 0;
    padding: 0
}

.bg-primary {
    background-color: #13A89E !important;
    color: #ecf0f1 !important
}

.bg-success {
    background-color: #5BB75B !important;
    color: #ecf0f1 !important
}

.bg-warning {
    background-color: #FAA732 !important;
    color: #ecf0f1 !important
}

.bg-danger {
    background-color: #DA4F49 !important;
    color: #ecf0f1 !important
}

.bg-info {
    background-color: #49AFCD !important;
    color: #ecf0f1 !important
}

.bg-inverse {
    background-color: #394264 !important;
    color: #ecf0f1 !important
}

.callout {
    border-left: 3px solid #E0E4E8;
    margin: 15px 0;
    padding: 15px
}

.callout.callout-right {
    border-left: 0;
    border-right: 3px solid #E0E4E8
}

.callout-success, .callout-success.callout-right {
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.callout-success h4 {
    color: #3c763d
}

.callout-info, .callout-info.callout-right {
    background-color: #F4F8FA;
    border-color: #BCE8F1
}

.callout-info h4 {
    color: #34789A
}

.callout-warning, .callout-warning.callout-right {
    background-color: #FAF8F0;
    border-color: #FAEBCC
}

.callout-warning h4 {
    color: #8A6D3B
}

.callout-danger, .callout-danger.callout-right {
    background-color: #FDF7F7;
    border-color: #EED3D7
}

.callout-danger h4 {
    color: #B94A48
}

.nice-checkbox {
    position: relative;
    min-height: 27px;
    padding-top: 7px;
    color: #394264
}

.nice-checkbox > [type=checkbox] {
    display: none
}

.nice-checkbox > [type=checkbox]:not(:checked) + label, .nice-checkbox > [type=checkbox]:checked + label {
    position: relative;
    padding-left: 20px;
    color: inherit;
    font-size: 13px;
    line-height: 14px;
    z-index: 1
}

.nice-checkbox > label:before {
    position: absolute;
    z-index: 2;
    left: 0;
    font-family: FontAwesome;
    font-size: 17px;
    color: inherit;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.nice-checkbox:hover > label:before {
    color: inherit;
    cursor: default !important
}

.nice-checkbox > [type=checkbox]:not(:checked) + label:before, .nice-checkbox:hover > [type=checkbox]:disabled:not(:checked) + label:before {
    content: '\f096'
}

.nice-checkbox:hover > [type=checkbox]:not(:checked) + label:before {
    content: '\f147'
}

.nice-checkbox > [type=checkbox]:checked + label:before {
    content: '\f14a';
    color: inherit
}

.nice-checkbox > .checkbox-o[type=checkbox]:checked + label:before {
    content: '\f046'
}

.nice-checkbox > [type=checkbox]:disabled:not(:checked) + label:before, .nice-checkbox > [type=checkbox]:disabled:checked + label:before {
    color: #95a5a6
}

.nice-checkbox > [type=checkbox]:disabled + label, .nice-checkbox > [type=checkbox]:disabled + label > [class*=text-] {
    color: #95a5a6 !important
}

.nice-checkbox > [type=checkbox]:checked:focus + label:before, .nice-checkbox > [type=checkbox]:not(:checked):focus + label:before {
    color: #49AFCD
}

.nice-radio {
    position: relative;
    min-height: 27px;
    padding-top: 7px;
    color: #394264
}

.nice-radio > [type=radio] {
    display: none
}

.nice-radio > [type=radio]:not(:checked) + label, .nice-radio > [type=radio]:checked + label {
    position: relative;
    padding-left: 20px;
    color: inherit;
    font-size: 13px;
    line-height: 14px;
    z-index: 1
}

.nice-radio > label:before {
    position: absolute;
    z-index: 2;
    left: 0;
    font-family: FontAwesome;
    font-size: 17px;
    color: inherit;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.nice-radio:hover > label:before {
    color: inherit;
    cursor: default !important
}

.nice-radio > [type=radio]:not(:checked) + label:before, .nice-radio:hover > [type=radio]:disabled:not(:checked) + label:before {
    content: '/f10c'
}

.nice-radio:hover > [type=radio]:not(:checked) + label:before {
}

.nice-radio > [type=radio]:checked + label:before {
    content: '\f192';
    color: inherit
}

.nice-radio > [type=radio]:disabled:not(:checked) + label:before, .nice-radio > [type=radio]:disabled:checked + label:before {
    color: #95a5a6
}

.nice-radio > [type=radio]:disabled + label, .nice-radio > [type=radio]:disabled + label > [class*=text-] {
    color: #95a5a6 !important
}

.nice-radio > [type=radio]:checked:focus + label:before, .nice-radio > [type=radio]:not(:checked):focus + label:before {
    color: #49AFCD
}

.jumbotron .tile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 2
}

.jumbotron .tile .img-wrapper {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.jumbotron .tile .img-wrapper > img {
    position: absolute;
    left: 50%;
    min-width: 100%;
    width: auto;
    height: auto;
    float: left;
    display: block;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

.jumbotron:hover .tile .img-wrapper > img, .tile:hover .img-wrapper > img {
    transform: scale(1.15, 1.15) translateX(-50%);
    -webkit-transform: scale(1.15, 1.15) translateX(-50%)
}

.jumbotron .jumbotron-text {
    position: relative;
    z-index: 3
}

.profile-line {
    position: relative;
    margin: 24px 0 15px
}

.panel-body > .profile-line:first-child {
    margin-top: 9px
}

.panel-body > .profile-line:last-child {
    margin-bottom: 0
}

.profile-line > img {
    margin-right: 10px;
    margin-top: -4px
}

[data-toggle=sortable-widget] {
    min-height: 120px
}

[data-toggle=sortable-widget] .sortable-widget-handle {
    cursor: move !important
}

.sortable-widget-handle > a, .sortable-widget-handle > a:hover {
    cursor: inherit;
    text-decoration: none
}

[data-toggle=sortable-widget] .sortable-placeholder {
    position: relative;
    margin-bottom: 21px;
    background-color: rgba(19, 168, 158, .25);
    border: 1px dashed #18D2C6;
    border-radius: 4px
}

.panel-group .sortable-placeholder {
    margin-top: 5px;
    margin-bottom: 6px
}

.panel-group .sortable-placeholder:first-child {
    margin-top: 0
}

[data-toggle=sortable-list] .sortable-list-handle {
    cursor: move !important
}

[data-toggle=sortable-list] .sortable-placeholder {
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 40px;
    background-color: rgba(19, 168, 158, .25);
    border: 1px dashed #18D2C6;
    list-style: none;
    border-radius: 0 !important
}

.slip-reordering {
    background-color: rgba(19, 168, 158, .25);
    border: 1px dashed #18D2C6;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .45)
}

.slip-swiping-container {
    overflow-x: hidden
}

.divider-content {
    position: relative;
    display: block;
    border-top: 1px solid #E0E4E8;
    border-bottom: 1px solid #F8F8F8;
    height: 1;
    margin: 60px 0
}

.divider-content.divider-content-sm {
    margin: 20px 0
}

.divider-content > span {
    position: absolute;
    padding: 0 3px;
    background-color: transparent;
    background-image: url(../images/314be2a9.divider.png);
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
    display: block;
    height: 9px;
    top: 50%;
    left: 50%;
    width: 36px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (max-width: 1023px) {
    .translate-left {
        margin-right: 0;
        -webkit-transform: translateX(-300px);
        transform: translateX(-300px)
    }
}

@media (max-width: 801px) {
    .header {
        border-bottom: 1px solid rgba(255, 255, 255, .1)
    }

    .side-left {
        position: relative;
        top: auto;
        bottom: auto;
        display: block;
        width: 100%;
        border-top: 1px solid rgba(0, 0, 0, .25)
    }

    .sidebar {
        width: 100%;
        margin: 0 auto;
        text-align: center
    }

    .sidebar:after {
        content: '';
        display: table;
        clear: both
    }

    .sidebar > li {
        display: inline-block;
        margin-right: -4px;
        padding-bottom: 8px;
        width: 86px;
        border-top: 0;
        border-bottom: 0
    }

    .sidebar > li.active:after, .sidebar > li.active:before {
        display: none
    }

    .sidebar-child, .sidebar-child-inline {
        top: 100%;
        left: 0;
        border: 1px solid #E0E4E8;
        border-top: 0
    }

    .sidebar-child-inline li {
        display: block;
        margin: 0;
        margin-bottom: 10px
    }

    .sidebar-child-inline li.divider {
        width: 100%;
        height: 1px
    }

    .content {
        margin-left: 0
    }

    .content.content-sm {
        margin-right: 0
    }

    .content > .content-body {
        min-height: 200px
    }

    /*----  pengchuan ----
	#pc_part_1,#pc_part_2{
		display:none;
	}
	#pc_part_3{

	}*/
}

@media (max-width: 480px) {
    .header form.form-inline {
        display: none
    }

    .header-brand h1, .header-brand h2, .header-brand h3, .header-brand h4, .header-brand h5, .header-brand h6 {
        font-size: 2em
    }

    .header-profile .profile-username {
        display: none
    }
}

.bg-darknight {
    background-color: #232332 !important;
    color: #ecf0f1 !important
}

.bg-midnight {
    background-color: #394264 !important;
    color: #ecf0f1 !important
}

.bg-cloud {
    background-color: #ecf0f1 !important;
    color: #394264 !important
}

.bg-silver {
    background-color: #bdc3c7 !important;
    color: #394264 !important
}

.bg-white {
    background-color: #fff !important;
    color: #394264 !important
}

.bg-teal {
    background-color: #13A89E !important;
    color: #ecf0f1 !important
}

.bg-green {
    background-color: #5BB75B !important;
    color: #ecf0f1 !important
}

.bg-orange {
    background-color: #FAA732 !important;
    color: #ecf0f1 !important
}

.bg-red {
    background-color: #DA4F49 !important;
    color: #ecf0f1 !important
}

.bg-blue {
    background-color: #49AFCD !important;
    color: #ecf0f1 !important
}

.bg-transparent {
    background-color: rgba(0, 0, 0, .1) !important;
    color: inherit !important
}

.bg-none {
    background: none !important
}

svg path.stroke-2 {
    stroke-width: 2px
}

svg path.stroke-3 {
    stroke-width: 3px
}

svg path.stroke-4 {
    stroke-width: 4px
}

svg path.no-stroke {
    stroke-width: 0
}

svg path.bg-white {
    fill: #FFF;
    stroke: #FFF
}

svg path.bg-cloud {
    fill: #ecf0f1;
    stroke: #ecf0f1
}

svg path.bg-primary {
    fill: #13A89E;
    stroke: #13A89E
}

svg path.bg-success {
    fill: #5BB75B;
    stroke: #5BB75B
}

svg path.bg-info {
    fill: #49AFCD;
    stroke: #49AFCD
}

svg path.bg-warning {
    fill: #FAA732;
    stroke: #FAA732
}

svg path.bg-danger {
    fill: #DA4F49;
    stroke: #DA4F49
}

svg path.bg-inverse {
    fill: #394264;
    stroke: #394264
}

svg path.bg-midnight {
    fill: #232332;
    stroke: #232332
}

.text-darknight {
    color: #232332 !important
}

.text-midnight {
    color: #394264 !important
}

.text-cloud {
    color: #ecf0f1 !important
}

.text-silver {
    color: #bdc3c7 !important
}

.text-white {
    color: #fff !important
}

.text-teal {
    color: #13A89E !important
}

.text-green {
    color: #5BB75B !important
}

.text-orange {
    color: #FAA732 !important
}

.text-red {
    color: #DA4F49 !important
}

.text-blue {
    color: #49AFCD !important
}

.text-sm {
    font-size: .8em !important
}

.text-lg {
    font-size: 1.2em !important
}

.text-xg {
    font-size: 1.6em !important
}

.text-10 {
    font-size: 10px !important
}

.text-11 {
    font-size: 11px !important
}

.text-12 {
    font-size: 12px !important
}

.text-13 {
    font-size: 13px !important
}

.text-16 {
    font-size: 16px !important
}

.text-24 {
    font-size: 24px !important
}

.text-32 {
    font-size: 32px !important
}

.text-48 {
    font-size: 48px !important
}

.text-64 {
    font-size: 64px !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capital {
    text-transform: capitalize !important
}

.text-normal {
    font-weight: 400 !important
}

.text-bold {
    font-weight: 700 !important
}

.text-lead {
    font-weight: 300 !important
}

.text-italic {
    font-style: italic !important
}

.text-underline {
    text-decoration: underline !important
}

.text-linethrough {
    text-decoration: line-through !important
}

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-middle {
    vertical-align: middle
}

.text-nodecor {
    text-decoration: none !important
}

.corner {
    border-radius: 4px !important
}

.corner-top {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important
}

.corner-tl {
    border-top-left-radius: 4px !important
}

.corner-tr {
    border-top-right-radius: 4px !important
}

.corner-bottom {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important
}

.corner-bl {
    border-bottom-left-radius: 4px !important
}

.corner-br {
    border-bottom-right-radius: 4px !important
}

.no-corner {
    border-radius: 0
}

.shadow {
    box-shadow: rgba(0, 0, 0, .05) 0 1px 1px !important
}

.no-shadow {
    box-shadow: none !important
}

.bordered {
    border: 1px solid #E0E4E8 !important
}

.bordered-flat {
    border-style: solid !important;
    border-color: #E0E4E8 !important;
    border-width: 1px 1px 2px !important
}

.bordered-top {
    border-top: 1px solid #E0E4E8 !important
}

.bordered-right {
    border-right: 1px solid #E0E4E8 !important
}

.bordered-bottom {
    border-bottom: 1px solid #E0E4E8 !important
}

.bordered-left {
    border-left: 1px solid #E0E4E8 !important
}

.border-primary {
    border-color: #13A89E !important
}

.border-success {
    border-color: #5BB75B !important
}

.border-warning {
    border-color: #FAA732 !important
}

.border-danger {
    border-color: #DA4F49 !important
}

.border-info {
    border-color: #49AFCD !important
}

.border-darknight, .border-inverse {
    border-color: #232332 !important
}

.border-midnight {
    border-color: #394264 !important
}

.border-cloud {
    border-color: #ecf0f1 !important
}

.border-silver {
    border-color: #bdc3c7 !important
}

.border-white {
    border-color: #fff !important
}

.border-teal {
    border-color: #13A89E !important
}

.border-green {
    border-color: #5BB75B !important
}

.border-orange {
    border-color: #FAA732 !important
}

.border-red {
    border-color: #DA4F49 !important
}

.border-blue {
    border-color: #49AFCD !important
}

.border-transparent {
    border-color: rgba(0, 0, 0, .2) !important
}

.border-2x {
    border-width: 2px !important
}

.border-3x {
    border-width: 3px !important
}

.border-4x {
    border-width: 4px !important
}

.no-border {
    border: 0 none !important
}

.table[class*=bg-], .table[class*=border-], .table[class*=border-] * {
    border-color: inherit !important
}

.table-hover[class*=bg-] > tbody > tr:hover > th, .table-hover[class*=bg-] > tbody > tr:hover > td {
    background-color: rgba(255, 255, 255, .125) !important;
    color: inherit
}

.animated-dur-2 {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated-dur-3 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

.animated-dur-4 {
    -webkit-animation-duration: 4s;
    animation-duration: 4s
}

.animated-dur-5 {
    -webkit-animation-duration: 5s;
    animation-duration: 5s
}

.animated-delay {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.animated-delay-2 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.animated-delay-3 {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.animated-delay-4 {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.animated-delay-5 {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.animated-repeat {
    -webkit-animation-iteration-count: 5;
    animation-iteration-count: 5
}

.animated-infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.list-percentages {
    margin: 0 0 15px;
    padding: 0;
    list-style: none;
    position: relative;
    width: 100%
}

.list-percentages li:first-child {
    border-left: 0
}

.list-percentages li {
    list-style: none;
    position: relative;
    margin: 0;
    padding: 10px 0;
    border-left: 1px solid rgba(0, 0, 0, .1);
    text-align: center
}

.helper-block-xs {
    height: 100px
}

.helper-block-sm {
    height: 200px
}

.helper-block-md {
    height: 300px
}

.helper-block-lg {
    height: 400px
}

form.single-editor {
    margin: 0;
    padding: 0
}

textarea.single-editor {
    border-right: 0 !important;
    border-left: 0 !important;
    min-height: 200px;
    border-radius: 0;
    box-shadow: none !important
}

.checkbox input[type=radio], .checkbox-inline input[type=radio] {
    float: left;
    margin-left: -20px
}

.rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size: 30px
}

.rating > span {
    display: inline-block;
    position: relative;
    font-family: FontAwesome;
    width: 1.1em;
    font-style: normal;
    font-weight: 400
}

.rating span.star:hover {
    cursor: pointer
}

.rating span.star:before {
    content: "\f006";
    padding-right: 5px;
    color: #95a5a6
}

.rating > span:hover:before, .rating > span:hover ~ span:before {
    content: "\f005";
    color: #394264
}

.rating.rating-primary > span:hover:before, .rating.rating-primary > span:hover ~ span:before {
    color: #13A89E
}

.rating.rating-success > span:hover:before, .rating.rating-success > span:hover ~ span:before {
    color: #5BB75B
}

.rating.rating-info > span:hover:before, .rating.rating-info > span:hover ~ span:before {
    color: #49AFCD
}

.rating.rating-warning > span:hover:before, .rating.rating-warning > span:hover ~ span:before {
    color: #FAA732
}

.rating.rating-danger > span:hover:before, .rating.rating-danger > span:hover ~ span:before {
    color: #DA4F49
}

ul.row:not(.list-percentages), ul.row:not(.list-percentages) > li {
    margin: 0;
    list-style: none
}

ul.row:not(.list-percentages) {
    margin-left: -40px
}

.absolute-center {
    position: relative
}

.absolute-center > .absolute-center-item {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.margin-top {
    margin-top: 20px
}

.margin-bottom {
    margin-bottom: 20px
}

.margin-left {
    margin-left: 10px
}

.margin-right {
    margin-right: 10px
}

.no-margin {
    margin: 0 !important
}

.helper-inline {
    display: inline-block !important
}

.show-grid {
    margin-bottom: 15px
}

.show-grid [class^=col-] {
    background-color: #ecf0f1;
    border: 1px solid #E0E4E8;
    padding-bottom: 10px;
    padding-top: 10px
}

td.is-visible {
    background-color: #DFF0D8 !important;
    color: #468847
}

td.is-hidden {
    background-color: #ecf0f1 !important;
    color: #95a5a6
}

.demo-box {
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    font-size: 11px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.demo-box-loader {
    position: relative;
    margin-bottom: 20px;
    min-height: 100px;
    background-color: rgba(0, 0, 0, .02)
}

.demo-box-loader [class*=loader-] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.demo-box-loader .loader-location-indicator {
    top: 40%;
    left: 40%
}

.demo-box-loader .loader-magnifier, .demo-box-loader .loader-help {
    top: 40%;
    left: 45%
}

.demo-box-loader .loader-eye, .demo-box-loader .loader-cloud {
    left: 45%
}

.demo-box-loader .loader-spinner {
    top: 45%;
    left: 45%
}

td.demo-graph {
    position: relative;
    padding: 30px 0 !important;
    width: 50%
}

td.demo-flot {
    position: relative;
    padding: 40px 30px 20px !important;
    width: 50%
}

td.demo-graph .demo-graph-caption, td.demo-flot .demo-flot-caption {
    display: block;
    position: absolute;
    left: -1px;
    top: -1px;
    border: 1px solid #E0E4E8;
    background-color: #ecf0f1;
    padding: 3px 8px;
    font-size: 12px
}

.external-event {
    cursor: move
}

.hover-sample {
    background-color: #E1E1E1;
    color: #666;
    cursor: pointer;
    margin: .4em .8em .4em 0;
    padding: 1em;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.hover-sample:hover {
    text-decoration: none;
    color: inherit
}

.signin-wrapper {
    padding: 80px 0 0;
    font-size: 13px
}

.signin-brand {
    margin-bottom: 20px
}

.signin-brand a, .signin-brand a:hover, .signin-brand a:visited, .signin-brand a:focus {
    color: inherit;
    text-decoration: none
}

.signin-brand img {
    height: 80px;
    width: auto
}

.signin-wrapper .form-group {
    margin-bottom: 10px
}

.signin-wrapper .form-actions {
    margin: 30px 0
}

.signup {
    margin-top: -40px
}

.signup h1, h2, h3 {
    margin: 10px 0
}

.signup-brand a, .signup-brand a:hover, .signup-brand a:visited, .signup-brand a:focus {
    color: inherit;
    text-decoration: none
}

.signup-brand img {
    height: 40px;
    width: auto
}

.signup form {
    margin: 30px 0
}

.signin-footer {
    margin-top: 40px;
    padding: 15px 0;
    border-top: 1px solid #E0E4E8;
    font-size: 13px
}

@media (max-width: 991px) {
    .signin-wrapper {
        padding-top: 20px
    }

    .signin {
        padding: 15px;
        background-color: #ecf0f1;
        border: 1px solid #E0E4E8;
        border-bottom-width: 2px;
        border-radius: 4px
    }

    .signin-brand {
        text-align: center
    }

    .signup {
        margin-top: 0
    }
}

.error-wrapper {
    padding: 40px 0;
    text-align: center
}

.error-wrapper .error-title {
    font-size: 42px;
    margin-bottom: 15px
}

.error-wrapper .error-title + p {
    margin-bottom: 30px
}

.invoice-wrapper {
    position: relative
}

.invoice-brand {
    position: relative;
    margin-top: -15px;
    padding: 5px;
    background-color: #ecf0f1
}

.invoice-table {
    margin-top: 20px
}

.invoice-table thead {
    background-color: #ecf0f1
}

.invoice-table thead tr th {
    text-align: center
}

.invoice-table tfoot tr:first-child {
    background-color: #ecf0f1
}

.invoice-table tfoot tr:first-child th {
    text-align: center
}

.invoice-table tfoot tr:last-child {
    font-size: 1.2em;
    font-weight: 700
}

.invoice-table tr .right {
    text-align: right
}

.frontend-page {
    margin: 0;
    padding: 0;
    background-color: #FFF
}

.frontend-page header, .frontend-page .header {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 675px;
    background: url(../images/dummy/0ab5f292.header-background.jpg) no-repeat center center fixed;
    background-size: cover
}

.frontend-page .navbar {
    background-color: rgba(0, 0, 0, .1)
}

.frontend-page .navbar.affix {
    width: 100%;
    border-radius: 0;
    z-index: 1030
}

.frontend-page .navbar-default.affix {
    background-color: rgba(248, 248, 248, .9)
}

.frontend-page .navbar-inverse.affix {
    background-color: rgba(35, 35, 50, .9)
}

.header-caption {
    position: relative;
    margin: 0;
    padding-top: 180px;
    color: #ecf0f1
}

.frontend-page .section-content {
    padding: 80px 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

.section-content .img-showcase {
    text-align: center
}

.section-content .img-showcase img {
    width: 100%;
    height: auto
}

.section-content .caption-showcase {
    padding: 100px 0
}

.section-content h2 {
    margin-bottom: 40px;
    text-transform: capitalize
}

.section-content h2 span {
    position: relative;
    padding-bottom: 20px;
    display: inline-block
}

.section-content h2 span:after {
    position: absolute;
    left: 50%;
    top: 100%;
    content: ' ';
    width: 60%;
    height: 2px;
    padding-top: 2px;
    background-color: transparent;
    border-top: 2px solid #13A89E;
    border-bottom: 1px solid #13A89E;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.section-content .feature-item {
    padding: 20px 0;
    text-align: center
}

.frontend-page svg {
    width: 100%;
    height: 100px;
    pointer-events: none;
    display: block
}

.frontend-page footer, .frontend-page .footer {
    padding-top: 30px;
    height: auto
}

.frontend-page footer .text-footer, .frontend-page .footer .text-footer {
    text-align: center;
    color: #394264;
    -webkit-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease
}

.frontend-page footer .text-footer:hover, .frontend-page .footer .text-footer:hover {
    color: #ecf0f1
}

.gallery-wrapper {
    position: relative;
    padding: 15px 0
}

.gallery-wrapper:after {
    content: '';
    clear: both;
    display: table-cell
}

.gallery-wrapper .gallery-item {
    display: block;
    float: left;
    position: relative;
    height: 221px;
    overflow: hidden;
    cursor: pointer
}

.gallery-wrapper .gallery-item.h-2x {
    height: 442px
}

.gallery-wrapper .gallery-item.h-3x {
    height: 663px
}

.gallery-item > a, .gallery-item > a:hover {
    text-decoration: none;
    content: inherit
}

.gallery-item .gallery-image > img {
    position: absolute;
    min-width: 100%;
    height: auto;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

.gallery-item:hover .gallery-image > img {
    transform: scale(1.15, 1.15) translateX(-50%);
    -webkit-transform: scale(1.15, 1.15) translateX(-50%)
}

.gallery-item .gallery-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 10px;
    height: 50px;
    cursor: default;
    color: #FFF;
    background-color: rgba(0, 0, 0, .1);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(35, 35, 50, 0)), color-stop(51%, rgba(35, 35, 50, .15)), color-stop(75%, rgba(35, 35, 50, .22)), color-stop(100%, rgba(35, 35, 50, .3)));
    background: -webkit-linear-gradient(top, rgba(35, 35, 50, 0) 0, rgba(35, 35, 50, .15) 51%, rgba(35, 35, 50, .22) 75%, rgba(35, 35, 50, .3) 100%);
    background: -ms-linear-gradient(top, rgba(35, 35, 50, 0) 0, rgba(35, 35, 50, .15) 51%, rgba(35, 35, 50, .22) 75%, rgba(35, 35, 50, .3) 100%);
    background: -webkit-linear-gradient(top, rgba(35, 35, 50, 0) 0, rgba(35, 35, 50, .15) 51%, rgba(35, 35, 50, .22) 75%, rgba(35, 35, 50, .3) 100%);
    background: linear-gradient(to bottom, rgba(35, 35, 50, 0) 0, rgba(35, 35, 50, .15) 51%, rgba(35, 35, 50, .22) 75%, rgba(35, 35, 50, .3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00232332', endColorstr='#4d232332', GradientType=0)
}

.gallery-caption > p {
    margin-bottom: 5px
}

.gallery-caption a, .gallery-caption a:hover {
    color: inherit;
    text-decoration: none
}

.gallery-item .gallery-caption:after {
    content: '';
    clear: both;
    display: table-cell
}

body.gallery-expand {
    overflow: hidden
}

.gallery-item-expand {
    position: fixed;
    top: 0;
    right: 300px;
    bottom: 0;
    left: 0;
    background-color: #232332;
    display: none;
    cursor: default;
    z-index: 1030
}

.gallery-item-expand > .gi-expand-img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.gi-expand-img > img {
    width: 100%;
    height: auto
}

.gallery-item-expand > .gi-actions {
    position: absolute;
    top: 15px;
    right: 15px
}

.gallery-item-expand > .gi-control-right, .gallery-item-expand > .gi-control-left {
    position: absolute;
    top: 50%;
    right: 15px;
    text-decoration: none;
    color: inherit;
    font-size: 48px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.gallery-item-expand > .gi-control-left {
    right: auto;
    left: 15px
}

.gallery-item-expand > .gi-control-right:hover, .gallery-item-expand > .gi-control-left:hover {
    color: #ecf0f1
}

.gallery-item-expand > .panel {
    margin: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 300px;
    border: 0;
    border-radius: 0;
    overflow: auto
}

.gallery-item-expand > .panel .list-group-item {
    background-color: transparent;
    border-color: rgba(0, 0, 0, .1)
}

.gallery-item-expand > .panel a.list-group-item:hover {
    background-color: rgba(0, 0, 0, .1)
}

@media (max-width: 991px) {
    .gallery-item-expand {
        right: 0;
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease
    }

    .gallery-item-expand.caption-expand {
        right: 300px
    }

    .gallery-item-expand > .panel {
        -webkit-transform: translateX(300px);
        transform: translateX(300px);
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease
    }

    .gallery-item-expand.caption-expand > .panel {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}

/*--   pengchuan  --*/
.clear_margin {
    padding: 0 15px;
}

.pc_top_first, .pc_top_second, .pc_top_third {
    /*height:40px;*/
    padding: 7px 15px;
    background: #13A89E;
}

.pc_top_second {
    background: #72c5bf;
}

.pc_top_third {
    background: #FFF;
    border-bottom: 2px solid #13A89E;
}

.pc_top_first h3, .pc_top_second h3, .pc_top_third h3 {
    font-size: 16px;
    margin: 0 0 0 15px;
    color: #ecf0f1;
    font-family: '微软雅黑';
}

.pc_top_third h3 {
    color: #13A89E;
    font-size: 24px;
    margin: 2px 0 2px 25px;
}

#first_side_right, #second_side_right, #first_action {
    height: 500px;
    border-right: 1px solid #0E7D76;
}

#second_side_right, #four_side_right, #sixth_side_right, #seventh_side_right, #eighth_side_right {
    border-right: 1px solid #72C5BF;
}

#third_side_right {
    background: #FFF;
    /*height:494px;*/
}

#save_note {

}

#input_note_title {
    margin: 15px 5px 10px 0;
}

#input_note_text {
    resize: none;
    height: 400px;
}

.btn_position, .btn_position_2, .btn_position_3, .btn_position_4, .btn_position_5 {
    position: absolute;
    right: 8px;
    top: 4px;
    color: #0E7D76;
}

.btn_position_2 {
    right: 35px;
}

.btn_position_3 {
    right: 62px;
}

.btn_position_4, .btn_position_5 {
    top: 5px;
}

.btn_position_5 {
    right: 100px;
}

.btn_delete, .btn_slide_down {
    padding: 0 0 1px;
    visibility: hidden;
}

.btn_plus {
    padding: 2px 5px 1px;
}

.btn_join, .btn_esc {
    padding: 0 20px;
    visibility: hidden;
    cursor: pointer;
}

.btn_like, .btn_replay, .btn_up, .btn_down {
    padding: 1px 2px;
    visibility: hidden;
}

.btn_like_n {
    display: none;
}

#first_action button {
    border: 0 none;
}

#first_action .btn_position, #first_action .btn_position_2, #first_action .btn_position_3 {
    top: 5px;
}

.contacts-list li a:hover .btn_delete, .contacts-list li a:hover .btn {
    visibility: visible;
}

#add_notebook, #add_note, #join_action {
    position: absolute;
    right: 10px;
    top: 4px;
    color: #0E7D76;
}

.click {
    background: #72C5BF;
    cursor: pointer;
    height: 31px;
    border-top: 1px solid #13A89E;
    border-right: 1px solid #13A89E;
    text-align: center;
    line-height: 30px;
    font-size: 10px;
    font-family: '微软雅黑';
    color: #ECF0F1;
    padding: 0;
}

#rollback_button {
    padding: 0 0 0 15px;
}

.click:hover {
    background: #13A89E;
}

.clicked {
    background: #13A89E;
}

#first_side_right .contacts-list li a {
    padding: 0 0 0 35px;
}

.opacity_bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.6;
    margin: auto;
    z-index: 1049;
    display: none;
}

a.checked {
    color: #FFF;
    background: #0E7D76;
}

a.checked button {
    visibility: visible;
}

.time {
    line-height: 16px;
    padding-left: 23px;
    font-size: 10px;
    color: #aaa;
}

.checked .time, li:hover .time {
    color: #fff;
}

#select_notebook, #select_note {
    height: 300px;
    padding-bottom: 0;
}

#select_notebook a, #select_note a {
    cursor: default;
}

.note_menu {
    position: absolute;
    right: 0;
    z-index: 99;
    width: 40px;
    background: #fff;
    display: none;
    outline: 1px solid #72C5BF;
}

.note_menu dl {
    margin: 0 0 10px;
}

.note_menu:hover {
    outline: 1px solid #0E7D76;
    display: block;
}

.note_menu_show {
    display: block;
}

.note_menu .btn_delete, .btn_share, .btn_move {
    padding: 0 5px 1px;
    left: 8px;
    position: relative;
    visibility: visible;
}

.btn_move {
    padding: 1px 3.5px 0;
}

.btn_share {
    padding: 0 3.5px 1px;
}

.note_menu dt {
    padding: 5px 0 0 0;
}

#more_note, #more_activity_note {
    height: 31px;
    background: #232332;
    color: #fff;
    text-align: center;
    line-height: 31px;
    cursor: pointer;
}

#more_note:hover, #more_activity_note:hover {
    background: #72C5BF;
}

#fifth_side_right p {
    word-wrap: break-word;
}

.contacts-list li {
    cursor: default;
}

#can {
    z-index: 999;
}
